Google chrome 在chrome和safari上显示选定的div,并在选定区域上显示边框

Google chrome 在chrome和safari上显示选定的div,并在选定区域上显示边框,google-chrome,safari,border,Google Chrome,Safari,Border,我不知道这是否可以修复,但我创建了这个网站,当我的用户点击一些div时,所选div在chrome中显示为黄色边框,在safari中显示为类似边框。你可以在这里看到黄色的边框。是否可以禁用此功能?尝试在CSS中添加此功能: *:focus { outline: none; } 这应该可以消除整个页面的焦点突出显示。我知道这已经很旧了,但供其他人参考的是,一旦添加了tabIndex属性,div在Chrome中就可以选择了。使用了一个技巧,使不能使用tab键的元素的tabIndex为负数,但

我不知道这是否可以修复,但我创建了这个网站,当我的用户点击一些div时,所选div在chrome中显示为黄色边框,在safari中显示为类似边框。你可以在这里看到黄色的边框。是否可以禁用此功能?

尝试在CSS中添加此功能:

*:focus {
    outline: none;
}

这应该可以消除整个页面的焦点突出显示。

我知道这已经很旧了,但供其他人参考的是,一旦添加了tabIndex属性,div在Chrome中就可以选择了。使用了一个技巧,使不能使用tab键的元素的tabIndex为负数,但即使在显示选择矩形时也是如此。

您能告诉我们适用于这些div的CSS吗?这应该是公认的答案。删除焦点轮廓而不替换为其他轮廓会影响可访问性。