H5中取消a标签在点击时的背景颜色的方法
发布时间：2020-08-07 16:54:45 作者：蜗牛羽 
我要评论
我要评论这篇文章主要介绍了取消a标签在点击时的背景颜色,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
1、取消a标签在移动端点击时的蓝色
a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
2、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
3、改变选中内容的背景颜色
::selection {
background: #FFF;
color: #333;
}
::-moz-selection {
background: #FFF;
color: #333;
}
::-webkit-selection {
background: #FFF;
color: #333;
}
4、去除ios input框点击时的灰色背景
-webkit-tap-highlight-color:rgba(0,0,0,0);
5、去除ios中图片被选中时的蓝色背景
img {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
user-select: none;
}
到此这篇关于取消a标签在点击时的背景颜色的文章就介绍到这了,更多相关a标签背景颜色内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
相关文章
- 这篇文章主要介绍了html post请求之a标签的两种用法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2020-05-12
- <a>是超链接标签，什么是超链接呢？这篇文章主要介绍了HTML超链接a标签的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-21
- 下面小编就为大家带来一篇a标签有小手状和无小手状css的属性介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-26
- 下面小编就为大家带来一篇a标签下载链接的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-13
最新评论