展会信息港展会大全

去除android浏览器中a、input获得焦点时的高亮边框
来源:互联网   发布日期:2016-03-25 16:12:31   浏览:3592次  

导读:本文章来给各位同学介绍去除android浏览器中a、input获得焦点时的高亮边框,有需要了解的朋友不防进入参考。a,input等元素在android原生浏览器下获得焦点时,元素外围会出现一...

本文章来给各位同学介绍去除android浏览器中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;

}

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港