在Chrome移动设备上发生触摸时如何禁用蓝色边界框？
我想在我的 Web 应用程序上去掉用于触摸视觉反馈的蓝色矩形。在圆形按钮上总是很不愉快。
上面的按钮有一个 css 使它变圆和一个活动状态颜色。我不需要原生 chrome 移动视觉反馈。
我还注意到这种行为在使用 bootstrap 时不会发生，但在使用 Bulma 或 tailwind 时会发生。
如何在我的移动网站中禁用此功能？
回答
您必须设置-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 包含属性，你可以在这里看到：