移动端html5中a标签连接点击后蓝色阴影怎么去掉

时间 2019-11-06

标签移动 html5 html 标签连接点击蓝色阴影怎么去掉栏目无线繁體版

原文原文链接

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

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
复制代码

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

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、改变选中内容的背景颜色bash

::selection { 
    background: #FFF; 
    color: #333; 
} 
::-moz-selection { 
    background: #FFF; 
    color: #333; 
} 
::-webkit-selection { 
    background: #FFF; 
    color: #333; 
} 
复制代码

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

-webkit-tap-highlight-color:rgba(0,0,0,0);
复制代码