苹果手机 input框兼容性，input 在iPhone 上上边框有阴影，适用于radio

时间：2021-04-12 15:10:29 阅读：18 评论：0 收藏：0 [点我收藏+]

一、样式复现
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;

原文：https://www.cnblogs.com/h5yiersan/p/14647367.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

苹果手机 input框兼容性，input 在iPhone 上 上边框有阴影 ，适用于radio