Перестает работать кнопка button после того как прописываю `border: none;`

Когда прописываю border none кнопка перестает работать. Посмотрел похожие темы и ничего не помогло.

Вот тут пример что я хочу убрать,а именно черную обводку вокруг кнопки:

убрать обводку

К такому варианту стремлюсь, но при этом чтобы она была рабочей:

желаемый результат

button {
    border: none;
    outline: none;
    background-color: firebrick;
    color: #ff;
}

Ответы (1 шт):

Автор решения: ksa

Когда прописываю border none кнопка перестает работать.

Что-то ты не договариваешь... Поскольку border не влияет на работоспособность кнопки.

document.querySelector('button').addEventListener('click', _ => console.log('Я работаю'))
button {
    border: none;
    outline: none;
    background-color: firebrick;
    color: #ff;
}
<button>Тест</button>

→ Ссылка