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! */ } |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。