乐趣区

关于ios:苹果手机-input框兼容性input-在iPhone-上-上边框有阴影

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

退出移动版