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! */

}

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