Как убрать обводку при нажатии

Недавно мне пришлось решать вопрос о том, как убрать обводку при нажатии на кнопки сайта. Проблема эта отображается не во всех браузерах, поэтому, если вы используете Mozilla Firefox, то можете просто не знать о существовании этой неприятности.

В принципе эта штука совершенно безвредна, однако многим она «мозолит» глаз, следовательно, займемся ликвидацией данного недоразумения. Для начала приведу скриншот того, что я имею в виду:

Важно не путать эту обводку с пунктирной линией, которая появляется при нажатии на ссылки – там другая ситуация. Итак, заходим в админ-панель WordPress и переходим по адресу: Внешний вид → Редактор → style.css. После любой из закрытых фигурных скобок, в файле style.css, необходимо добавить код:

a,button,input,textarea {
outline: none;
}

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

Разумеется, кроме тех случаев, когда параметр задан принудительно, как часть дизайнерской идеи. Теперь вы знаете, как убрать обводку при нажатии.

А вам помогла предложенная инструкция?

Понравился пост? Нажми любую кнопку: