button：将焦点完美地放在chrome上，而不在Firefox

Question

我有一个按钮，我想重点关注该按钮。 在chrome上可以完美运行，在Firefox上则没有任何反应。

<button class="cButton">
    button
</button>

.cButton {
color: black;
background: green;
}
.cButton:focus {
    color: white;
    background: red;
}

我尝试过

.cButton::-moz-focus-inner {
    color: white;
    background: red;
}

，但没有用。 我在macOS上使用Firefox 63。

Answer 1

在Mozila developer网站上，我发现该按钮没有针对Mac OS的焦点状态