我们知道，一般a标签点击时是有蓝色的背景颜色的，那么我们如果想要去除这样的背景的颜色应该怎样做呢？下面小编就给大家来简单的介绍去除a标签点击后的背景颜色的方法。

    1、取消a标签在移动端点击时的蓝色

a {
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 -webkit-user-select: none;
 -moz-user-focus: none;
    -moz-user-select: none;
}

    2、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

    3、改变选中内容的背景颜色

::selection { 
    background: #FFF; 
    color: #333; 
} 
::-moz-selection { 
    background: #FFF; 
    color: #333; 
} 
::-webkit-selection { 
    background: #FFF; 
    color: #333; 
}

    4、去除ios input框点击时的灰色背景

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

    5、去除ios中图片被选中时的蓝色背景

img {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 -webkit-user-select: none;
 -moz-user-focus: none;
 -moz-user-select: none;
 user-select: none;
}

    以上就是去除a标签点击后的背景颜色的方法，上述示例具有一定的借鉴价值，有需要的朋友可以参考学习，希望对大家学习a标签的使用有帮助，想要了解更多大家可以继续浏览群英网络其他相关的文章。

文本转载自脚本之家

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 如何flex实现左边文字溢出右边自适应的布局效果

  这篇文章主要介绍了flex布局实现左侧文字溢出省略右侧文字自适应的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

• CSS流的定义以及主要的作用是什么

  css中流的概念介绍：​1、流又称文档流，是css的基本定位和布局机制。2、脱离文档流是指节点脱离正常文档流后，正常文档流中的其他节点将忽略该节点，并填补其原始空间。

• HTML5中如何实现适配深色模式，具体方法是什么

  这篇文章主要介绍了详解Html5项目适配系统深色模式方案总结,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• HTML页面中如何应用希腊字母，什么方法实现

  希腊字母是很常用的一系列符号，特别是在数学、物理等科技领域，经常要使用来表示特定含义的常量或变量

• 用CSS怎么实现镂空的效果，有哪些方法

  这篇文章主要介绍了用纯CSS实现镂空效果的示例代码的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧