[MacOS] [Firefox]: <button>терпит неудачу в: псевдо-классе focus

Question

Как использовать : фокус псевдокласс на <button> или <input> в Firefox ?!Он работает со всеми браузерами, кроме Firefox & Safari на MacOS

Примечание : работает с клавиатурой[tab] навигация, но без щелчка мышью.

button:focus {
  border: 2px solid red
}

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

Answer 1

Попробуйте это для FF и Safari

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