移除触屏设备"点击"产生的半透明灰色背景及边框
2014-09-04 17:52
337 查看
小注：移除触屏设备"点击"产生的半透明灰色背景及边框
a,button,input[type="text"]{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
-webkit-user-modify: read-write-plaintext-only; /* for 4.0.4 */
outline: none !important;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
outline: 0;
border:none;
color: rgba(0, 0, 0, 0);
}
参考链接：
Disable orange outline highlight on focus
http://stackoverflow.com/questions/5210481/disable-orange-outline-highlight-on-focus
a,button,input[type="text"]{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
-webkit-user-modify: read-write-plaintext-only; /* for 4.0.4 */
outline: none !important;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
outline: 0;
border:none;
color: rgba(0, 0, 0, 0);
}
参考链接：
Disable orange outline highlight on focus
http://stackoverflow.com/questions/5210481/disable-orange-outline-highlight-on-focus
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c
- 解决移动端iPhone设备点击时出现半透明的灰色背景
- 部分android、ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉、元素被点击时产生的边框怎么去掉
- input和button点击时的蓝色外边框和灰色半透明背景问题处理
- 去掉android点击事件产生的半透明蓝色背景
- iPhone，winphone,点击元素产生背景或边框怎么去掉
- 点击链接元素出现蓝色边框或者出现半透明蓝色背景
- 去掉android点击事件产生的半透明蓝色背景
- IOS TableView 去除点击后产生的灰色背景
- 移动端网站或APP点击后出现闪动或灰色背景（转）
- LinearLayout设置白色背景、灰色边框、倒圆角
- 点击listView条目，给点中条目加上上下边框（变换背景），item布局控件的点击事件
- 点击相应颜色按钮，边框里出现相应的背景颜色！（用函数if…else语句的做法）
- 移动端HTML5，ios点击事件闪现灰色背景解决方案
- 如何去掉点击超链接时周围产生的虚线边框
- 去掉button按钮左右两边的留白 设置按钮背景为透明 去掉鼠标点击时出现的虚线边框 层的显示与隐藏
- 去除点击tableView灰色背景
- 解决h5页面点击元素出现灰色背景
- 移动端页面点击a标签会有半透明的阴影或红色边框的bug
- 去掉A标签点击链接自动产生的虚线边框(兼容FF)