firefox - 在firefox中修改div onclick outline

Question

在 Firefox 中，只要单击一个链接，该项目周围就会出现一个虚线框。

是否可以修改它以便我可以选择突出显示的 div，或者自定义它勾勒出的区域？

Answer 1

我想你会想看看Removing Dotted Links .

如果您想为基于选项卡的导航保留虚线边框，请将其应用于 a:active。这仍然允许指示器在键盘聚焦时出现，但在鼠标激活时隐藏:

a:active
{
    outline: none;
}

对于所有链接:

a
{
    outline: none;
}

仅适用于基于 Mozilla 的浏览器:

:focus
{
    -moz-outline-style: none;
}

虽然这只回答了你问题的一半。要更改虚线轮廓轮廓的区域，您可能必须编写一些 JavaScript 来根据链接的点击事件更改要勾勒轮廓的元素的边框或轮廓。