资料来源：网络整理
时间：2023/2/14 0:48:19 共计：3636 浏览
一、样式复现
h5移动端开发，发现在苹果手机上input显示有问题。input的border已经初始化设置为none了，根据需求进行了border样式的重置。
但在苹果手机上渲染有问题。如下图所示：
在这里插入图片描述
二、解决方案：
input{
outline: none;
-webkit-appearance: none; /*去除系统默认的样式*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}
三 ios 对click有兼容性 设置样式 cursor:pointer;
四、移动端input框 在手机页面中无法输入文字的问题
-moz-user-select: none;
-webkit-user-select: none;
版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。
免费热线：400-683-0016
扫二维码关注公众号
当前位置：