apple Safari input text 的兼容问题

apple

 

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮，设置颜色的alpha值为0即可。

示例

屏蔽ios和android下点击元素时出现的阴影

1	-webkit-tap-highlight-color: rgba(255,255,255,0);

 

IOS下移除按钮原生样式 -webkit-appearance

input[type=button]{

-webkit-appearance:none;

outline:none

}

 

Safari input text 的兼容问题

 

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {

        -webkit-appearance: caret;

        -moz-appearance: caret; /* mobile firefox too! */

}