首页 > 代码库 > 去除浏览器中a、input获得焦点时的高亮边框
去除浏览器中a、input获得焦点时的高亮边框
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获得焦点时的高亮边框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。