如何仅删除 webkit 点击高亮边框？答案

【问题标题】：How to remove webkit tap highlight border only?如何仅删除 webkit 点击高亮边框？
【发布时间】：2023-03-15 19:24:01
【问题描述】：

如果您不喜欢 webkit 在点击链接时突出显示链接，您可以使用以下命令移除该效果：

-webkit-tap-highlight-color: rgb(0, 0, 0, 0);

其实我想要这个效果，而不是在被点击的元素周围添加的额外边框。

有没有办法只删除高亮边框？

【问题讨论】：

【解决方案1】：

如果您正在谈论焦点输入周围的橙色边框，您可能想尝试添加 outline:none;到您的 CSS 属性。

像这样：

input { outline:none; }

【讨论】：

【解决方案2】：

缺少一个

应该是-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

【讨论】：