web前端：取消a标签在移动端点击时的背景颜色

作者:陈莺莺呀 更新于： 2020-03-29 14:16:49

　　背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间。因此，内容框与内边距都是元素背景的一部分，且边框画在背景上。css允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果;CSS在这方面的能力远远在html之上。

　　取消a标签在移动端点击时的背景颜色

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

　　a{

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

　　-webkit-user-select:none;

　　-moz-user-focus:none;

　　-moz-user-select:none;

　　}

　　二、使用图片作为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;

　　}

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

　　::selection{

　　background:#FFF;

　　color:#333;

　　}

　　::-moz-selection{

　　background:#FFF;

　　color:#333;

　　}

　　::-webkit-selection{

　　background:#FFF;

　　color:#333;

　　}

　　四、去除iosinput框点击时的灰色背景

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

　　background简写属性在一个声明中设置所有的背景属性。