button:focus 在 chrome 上完美工作，但在 Firefox 上却不行答案

【问题标题】：button:focus work perfectly on chrome but not on firefoxbutton:focus 在 chrome 上完美工作，但在 Firefox 上却不行
【发布时间】：2019-05-01 14:17:50
【问题描述】：

我有一个按钮，我想在该按钮上进行一些样式设置。在 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。

【问题讨论】：

你是如何“专注”按钮的？根据 MDN，在 OSX 上单击 Firefox 中的按钮不会聚焦。
我就是这样专注的 .cButton:focus
不，您实际上是如何专注于按钮来测试您的 CSS 的？
点击和标签在 chrome 上工作，但在 firefox 上只能工作标签
是的，下面的答案和我的评论都告诉您在 Mac OS 上“单击”无法聚焦按钮。它永远不会起作用。

标签： javascript firefox button focus mozilla

【解决方案1】：

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

【讨论】：

是的，我已经尝试过了，并且在 win10 上适用于所有浏览器。