кнопка: фокус отлично работает на 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;
}

и это не сработало. Я использую Firefox 63 на macOS.

Answer 1

На сайте разработчика Mozila Я обнаружил, что кнопка не имеет состояния фокуса для Mac OS