最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
去除android浏览器中a、input获得焦点时的高亮边框
时间:2013-08-05 编辑:简简单单 来源:一聚教程网
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{ |
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26