Question

如何用css去掉a标签点击时的背景色？

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：a:hover{color: black}。

3、浏览器运行index.html页面，此时a标签点击时的背景色成功被去掉了。

Answer 2

方法如下：

1. 取消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);