button:focus 在 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

button:focus work perfectly on chrome but not on firefox