选定的div显示在chrome和safari上选中的边框

Posted 2021-05-02

我不知道这是否可以解决，但我创建了这个网站，当我的用户点击一些div时，所选的div似乎在chrome中有黄色边框，在safari中有类似的边框。你可以在这里看到黄色边框。是否可以禁用此功能？

答案

尝试在CSS中添加：

*:focus {
    outline: none;
}

这应该摆脱整个页面的焦点突出显示。

另一答案

我知道这是旧的，但是对于其他人的参考是，一旦添加了tabIndex属性，div就可以在Chrome中选择。一个技巧用于使tabIndex为无法选项卡的元素为负，但即使这样，也显示了选择矩形。