Question

我的风格就是这样:

.submit-button {
    display: block;
    color: red;
    outline: none;
}

我能否添加一个<代码>:focus状态,然后列出哪一个浏览器缺省大纲?

.submit-button:focus {
     outline: browser-default;
}

我尝试了<代码>outline: 继承;,但这对网页没有影响。

Answer 1

您可使用<代码>:不适用>pseudo-等。

.submit-button:not(:focus) {
    outline: none;
}

这样做将防止选择人推翻<代码>上的缺省:focus。

最好的部分是,所有理解<代码>:focus的浏览器也可理解<代码>。