前端面试高频问题一:H5移动端Input文本框兼容问题有哪些

小编是之前参加三十多家企业的面试，发现移动端兼容问题问题的特别多，现在我用二个真机测试下

之前上网查到这个，打算验证下

<input type="text" value="11" class="inputTxt"/>

测试手机：安卓: vivo z5x 苹果：6s

我之前找的文章地址：https://www.jianshu.com/p/b5c103a9bed0

然后我写-webkit-appearance:none;

安卓：有问题了：上下线颜色都不对

发现的问题：正常写input框，安卓没有问题，苹果有上阴影，还有圆角

解决：-webkit-appearance: none;

border:1px solid #e00;

border-radius: 0;

效果：1)静态的时候（为了对比，我用红色的边框）---没问题

2)输入的时候---没问题

小编尝试发现是可行的，大家可以试试，有其他办法或者有问题，可以给我留言