移动端-webkit-tap-highlight-color

莫鸣明

于 2020-04-09 20:33:06 发布

阅读量731

点赞数

CC 4.0 BY-SA版权

分类专栏：移动端

9 篇文章

订阅专栏

本文介绍如何使用-webkit-tap-highlight-color属性去除移动端点击链接元素时出现的半透明灰色背景，并分享了一段手淘的CSS样式重置代码，包括去除内外边距、设置盒模型、禁用轮廓等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动端点击链接元素时，会出现半透明灰色背景，设置-webkit-tap-highlight-color:transparent，即可去除。

有这么一段：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

outline:不占据元素任何空间，即：不参与盒模型计算。