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