CSS3提供了许多样式属性,其中一个常用的属性是-webkit-tap-highlight-color,它可以为网页上的触摸元素添加高亮效果。
有时候,我们希望去除这些高亮效果,可以使用如下代码:
*{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
这段代码会将整个网页上所有元素的高亮效果去除。
我们也可以针对单个元素去除高亮,例如:
button{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
以上代码会将所有button元素的高亮效果去除。
需要注意的是,-webkit-tap-highlight-color属性只适用于WebKit内核的浏览器,如Chrome和Safari等。其他浏览器需要使用不同的属性去除高亮效果。