去除浏览器中a、input获得焦点时的高亮边框

标签：html

a,input等元素在android原生浏览器下获得焦点时，元素外围会出现一个橙色的高亮边框

若要去除它，通常的办法是：

 代码如下 复制代码

a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

不过看起来，这种方案在android 4.0以上版本的浏览器中是无效的。已知的一种在android 4.0以上版本浏览器中可以移除高亮边框的办法是：

 代码如下 复制代码

a:focus,input:focus{ -webkit-user-modify:read-write-plaintext-only; }

所以，把上面两种方法结合起来，就是目前一个相对完整的‘去除android浏览器下a/input等元素获得焦点时高亮边框’的解决方案：

 代码如下 复制代码

a:focus,input:focus{ 

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

    -webkit-user-modify:read-write-plaintext-only; 

}

去除浏览器中a、input获得焦点时的高亮边框

标签：html

原文地址：http://snaile.blog.51cto.com/8061810/1568964