单击时避免按钮轮廓

Question

下面的齿轮按钮启动模态窗口。当模态关闭时。将出现一个大纲，就像您在屏幕截图中看到的那样。我该如何避免这种情况？

试过这个，但没有用

.sticky-settings a:focus
{
    border: none;
}

Answer 1

您需要设置outline: none而不是border: none。

.sticky-settings a:focus {
    outline: none;
}

Answer 2

尝试：

.sticky-settings a:focus
{
    outline: 0;
}

Answer 3

默认情况下，按钮上设置了outline属性（它是默认的浏览器属性）。

在你的CSS中覆盖这个属性将解决这个问题。

.sticky-settings a:focus
{
    outline: none;
}