在 Chrome 移动设备上发生触摸时如何禁用蓝色边界框?

Dan*_*tos 0 html css

我想在我的 Web 应用程序上去掉用于触摸视觉反馈的蓝色矩形。在圆形按钮上总是很不愉快。

在此处输入图片说明

上面的按钮有一个 css 使它变圆和一个活动状态颜色。我不需要原生 chrome 移动视觉反馈。

我还注意到这种行为在使用 bootstrap 时不会发生,但在使用 Bulma 或 tailwind 时会发生。

如何在我的移动网站中禁用此功能?

hay*_*kou 7

您必须设置-webkit-tap-highlight-color:transparent-webkit-tap-highlight-color:rgba(0,0,0,0)以删除 chrome 上的默认突出显示颜色

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color

关于 bootstrap,默认的 css 包含属性,你可以在这里看到: 在此处输入图片说明