Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 去除android浏览器中a、input获得焦点时的高亮边框

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

发布时间:2020-05-15   编辑:www.jquerycn.cn
jquery中文网为您提供去除android浏览器中a、input获得焦点时的高亮边框等资源,欢迎您收藏本站,我们将为您提供最新的去除android浏览器中a、input获得焦点时的高亮边框资源
本文章来给各位同学介绍去除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;
}

您可能感兴趣的文章:
javascript内置对象之window对象
jquery获取焦点和失去焦点事件代码
基于jquery实现的类似百度搜索的输入框自动完成功能
JQuery触发radio或checkbox的change事件
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解
文本框获得焦点与失去焦点实现代码
表单类各种类型(文本框)失去焦点效果jquery代码
关于jquery input textare 事件绑定及用法学习
jQuery文本框(input textare)事件绑定方法教程
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera

[关闭]