Появилась рамка при нажатие на кнопку как ее убрать?

Question

[Вячеслав]

Здравствуйте, после обновление браузера опера появилась, вот такая рамка. Как ее убрать/ как с этим бороться ?
До нажатие
Вот с рамкой уже после нажатие на кнопку.
До нажатие
Нажимаешь на кнопку появляется рамка.
Раньше такого не было появилось на днях

Answer 1

[Павел Сайк]

outline: none;

Comments

[Вячеслав]

Спасибо огромное

Answer 2

[maxim]

.element:focus {
outline: none;
}

Answer 3

[Артём]

Вам нужно добавить к элементу свойство outline со значением none, как сказали выше. Но хочу добавить, что бы вы были осторожны и попытались дать понять пользователю, что он навёл на эту кнопку любым другим способом, это нужно для доступности.
Рекомендуется предусмотреть индивидуальные стили фокусировки, которые улучшают пользовательский интерфейс и соответствуют вашему дизайну.
Статья в тему:
https://medium.com/@ABatickaya/%D0%B4%D1%83%D0%BC%...

Comments

[Вячеслав]

Помогло! сделал как @Павел Сайк подсказал!
А насчет стилей кнопок, они цвет меняют при неведение (hover) на кнопку , так что пользователю будет понятно что он на кнопку навел

[Ankhena]

Вячеслав, Не все пользуются мышкой, некоторые только клавиатурой. Вот для них и нужно заменять стандартный outline на что-то другое, а не просто убирать.