Как убрать эти уродливые рамки на кнопках?

Question

[Raul Abdullin]

Прикрепляю скрин рамки, которая появляется после клика по кнопке.
Я помню что-то в CSS надо вписать, чтобы их убрать, а что именно не помню.

Comments

[Rustam Bainazarov]

outline: none.

[Raul Abdullin]

Рустам Байназаров, спасибо :)

Answer 1

[Михаил Власов]

button {
    outline: none;
}

Comments

[Даниил Маслов]

Лучше заменять другим элементом или цветом, но убирать совсем — лишать доступности.

[Михаил Власов]

s0xzwasd, Согласен, вообще хорошим тоном является оставлять аутлайны для повышения юзабилити (удобно видеть, на каком элементе сейчас присутствует фокус), поэтому обычно в дизайне закладывается вид фокусированного элемента.

[Rustam Bainazarov]

s0xzwasd, можно убрать, если там есть что-то в качестве замены, например, смена цвета, которая и будет служить маркером выделения. Outline — это же по сути встроенная стилизация выделенного элемента, поэтому её можно заменить. Главное, не оставлять совсем кнопку без ничего.

[Даниил Маслов]

Рустам Байназаров, и я про это же :)

[Rustam Bainazarov]

s0xzwasd, я почему-то прочитал только про «убирать совсем», прошу прощения.