标题目录
取消a标签在移动端点击时的蓝色背景色前言正文总结取消a标签在移动端点击时的蓝色背景色
前言
如果你是一个偏结果实用主义者,废话不说,点击下面的传送门,得到你想要的!
传送门:结果主义者的结果
如果你是一个偏过程理解主义者,那么请从正文开始精读,你会发现无穷的奥秘!
正文
移动端开发,没有用ui框架,在写a标签
的点击事件时,发现了一个小问题(我开发中用的是Chrome桌面版来模拟移动端)。
当点击a标签而不松开的时候,出现了淡蓝色的背景色,这个颜色效果一般是我们不想要的,所以我们要把它消灭掉。
走起走起!
a { -webkit-tap-highlight-color:transparent; }
其实很简单,加上这行代码就搞定了。
总结
一行代码的事情!
a { -webkit-tap-highlight-color:transparent; }