若要去除它,通常的办法是:
1
|
a:focus,input:focus{ -webkit-tap-highlight-
color
:rgba(
0
,
0
,
0
,
0
); }
|
不过看起来,这种方案在android 4.0以上版本的浏览器中是无效的。已知的一种在android 4.0以上版本浏览器中可以移除高亮边框的办法是:
1
|
a:focus,input:focus{ -webkit-user-modify:read-write-plaintext-only; }
|
所以,把上面两种方法结合起来,就是目前一个相对完整的‘去除android浏览器下a/input等元素获得焦点时高亮边框’的解决方案:
*, :focus, :hover, :active {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only;
outline:0;
}