[MacOS][Firefox]: <button> 在 :focus 伪类中失败答案

【问题标题】：[MacOS][Firefox]: <button> fails in :focus pseudo class[MacOS][Firefox]: <button> 在 :focus 伪类中失败
【发布时间】：2018-10-24 18:29:34
【问题描述】：

如何在 Firefox 中在 <button> 或 <input> 上使用 :focus 伪类？！它适用于除 Firefox 和 Safari 在 MacOS

上的所有浏览器

注意：它适用于 Keyboard[tab] 导航但没有鼠标点击。

button:focus {
  border: 2px solid red
}

&lt;button tabindex="1"&gt;click&lt;/button&gt;

【问题讨论】：

在 FF 中很适合我。
是的，抱歉我没有提到 MacOS，所以在 MacOS 或 Windows 上与你合作？
我在 Windows 上
是的，它适用于 Windows 而不是 MacOS :(

标签： css macos firefox safari focus

【解决方案1】：

在 FF 和 Safari

上试试这个

button::-moz-focus-inner { border : 2px solid red; }

【讨论】：

不，它没有。在 MacOS 上有这样的东西很奇怪！我想知道 FF 中是否有任何未解决的问题/票证！
试试 -webkit-focus 或 -webkit-focus-inner 看看它是否适用于 FF 或 Safari
没什么，-webkit- 至少是 Safari，但也没什么。