css - [MacOS][火狐] : fails in :focus pseudo class

Question

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

上的 Firefox 和 Safari 之外的所有浏览器

注意:它适用于键盘[tab] 导航但不能点击鼠标。

button:focus {
  border: 2px solid red
}

<button tabindex="1">click</button>

Answer 1

为 FF 和 Safari 试试这个

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