怎么在H5中取消a标签在点击时的背景颜色
怎么在H5中取消a标签在点击时的背景颜色?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
十余年的越城网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整越城建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“越城网站设计”,“越城网站推广”以来,每个客户项目都认真落实执行。
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; }
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
本文标题:怎么在H5中取消a标签在点击时的背景颜色
文章出自:http://scyanting.com/article/ipeppo.html