我们知道,一般a标签点击时是有蓝色的背景颜色的,那么我们如果想要去除这样的背景的颜色应该怎样做呢?下面小编就给大家来简单的介绍去除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标签的使用有帮助,想要了解更多大家可以继续浏览群英网络其他相关的文章。
文本转载自脚本之家
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理