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

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

以前上网查到这个，打算验证下文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

<input type=\"text\" value=\"11\" class=\"inputTxt\"/>文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

测试手机：安卓: vivo z5x 苹果：6s文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

安卓手机线以及模样正常文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

苹果有暗影，线色彩 也不对文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

我以前找的文章地址：https://www.jianshu.com/p/b5c103a9bed0文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

然后我写-webkit-appearance:none;文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

安卓：有问题了：上下线色彩都不对文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

发现的问题：正常写input框，安卓没有问题，苹果有上暗影，还有圆角文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

解决：-webkit-appearance: none;文章源自微观生活（93wg.com）微观生活-https://93wg.com/11822.html

border:1px solid #e00;

border-radius: 0;

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

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