苹果手机输入框聚焦时右侧或下方出现线条解决方法

苹果手机input框设置了border:none，当聚焦时右侧或下方出现了线条，解决方法：将 border:none 改为 border:rgba(0,0,0,0) solid 1px;

也不是每个页面都会出来这样的情况，但出现了还是要解决的
不知道原因就要排查解决呀，将HTML、CSS中的代码逐步删除测试，最终发现把border:none去掉后就没有线条了，还是花了不少时间的
对于同样遇到这样问题朋友，希望能帮到快速解决，不要像我一样花好久去排查呢