通过css tap-highlight-color去除android浏览器中a、input获得焦点时的高亮边框(outline)

分类:Html_Css| 发布:llmaomi| 查看: | 发表时间:2015/5/24

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;}
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/html-css/2017.html