在 Firefox 中,只要单击一个链接,该项目周围就会出现一个虚线框。
是否可以修改它以便我可以选择突出显示的 div,或者自定义它勾勒出的区域?
最佳答案
我想你会想看看Removing Dotted Links .
如果您想为基于选项卡的导航保留虚线边框,请将其应用于 a:active
。这仍然允许指示器在键盘聚焦时出现,但在鼠标激活时隐藏:
a:active
{
outline: none;
}
对于所有链接:
a
{
outline: none;
}
仅适用于基于 Mozilla 的浏览器:
:focus
{
-moz-outline-style: none;
}
虽然这只回答了你问题的一半。要更改虚线轮廓轮廓的区域,您可能必须编写一些 JavaScript 来根据链接的点击事件更改要勾勒轮廓的元素的边框或轮廓。
关于firefox - 在firefox中修改div onclick outline,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/869432/