去掉移动端浏览器连接点击高亮背景色

  移动端浏览器打开网页,点击里面连接时会出现一个高亮灰色背景色,如何去掉这个高亮灰色背景色?webkit核心浏览器可以使用-webkit-tap-highlight-color:transparent设置为透明色不显示。

  去掉移动端浏览器连接点击高亮背景色代码如下

去掉移动端浏览器连接点击高亮背景色
第一个链接点击有灰色高亮背景

去掉移动端浏览器连接点击高亮背景色
第二个连接点击无灰色高亮背景

 

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
<style>
a.notapcolor{-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent}
</style>
<a href="#">移动端浏览器点击此连接,出现灰色背景</a>
<a href="#" class="notapcolor">移动端浏览器点击此连接,无灰色背景</a>

 


原创文章,转载请注明出处:去掉移动端浏览器连接点击高亮背景色

评论(0)Web开发网
阅读(388)喜欢(0)不喜欢(0)HTML/CSS兼容/XML