怎么在H5中取消a标签在点击时的背景颜色

怎么在H5中取消a标签在点击时的背景颜色？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

取消a标签在移动端点击时的蓝色

a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none;    -moz-user-select: none;}

使用图片作为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;}

改变选中内容的背景颜色

::selection {     background: #FFF;     color: #333; } ::-moz-selection {     background: #FFF;     color: #333; } ::-webkit-selection {     background: #FFF;     color: #333; }

去除ios input框点击时的灰色背景

-webkit-tap-highlight-color:rgba(0,0,0,0);

去除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;}

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注编程网行业资讯频道，感谢您对编程网的支持。