去除移动端浏览器点击元素时的边框

最新推荐文章于 2025-09-08 00:09:35 发布

weixin_30367169

最新推荐文章于 2025-09-08 00:09:35 发布

阅读量135

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/ykt8465279130/p/3656640.html

手机(特别是Android)浏览器中点击元素 a, input, div中的文字时, 还有一个边框

要去除边框, 可以为元素添加如下css

/* 来自Pure.css http://purecss.io/*/
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

/* 来自http://www.cnblogs.com/PeunZhang/archive/2013/02/28/2907708.html*/
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */

/*http://stackoverflow.com/a/5522742*/
-webkit-user-modify: read-write-plaintext-only;  //android 4.0.4