Question

如何去除苹果手机input的默认样式

Answer 1

input {-webkit-appearance:none; /*去除input默认样式*/}使用这个CSS语句即可实现。

方法：

1. 直接在input中加style=“outline:none;”。

   

2. 在顶部style中直接控制css样式。

   

3. 直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框。
   

   

4. 兼容的解决方法。

   

参考资料

如何去掉input默认样式.CSDN[引用时间2017-12-30]

Answer 2

input {-webkit-appearance:none; /*去除input默认样式*/}
使用这个CSS语句
即可实现