在firefox中修改div onclick大纲

在Firefox中，每当单击链接时，项目周围都有一个虚线轮廓

---

是否可以对其进行修改，以便我可以选择要高亮显示的div，或者自定义它所勾勒的区域？

我想您会想签出

如果要为基于选项卡的导航保留虚线边框，请将其应用于

a:active

。这仍然允许指示器在键盘聚焦时显示，但在鼠标激活时隐藏：

a:active
{
    outline: none;
}

所有链接：

a
{
    outline: none;
}

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

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

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

在CSS中：

a:active{outline:0;border:(customize the border around the active link)}

对于div（使用JQuery）：

Css:

$(function(){ 
    $('div#your-id').click(function(){ 
        $(this).css({'enter the CSS rules for the div here'}); 
    }); 
});

:focus {outline:none;}
::-moz-focus-inner {border:0;}