Подтвердить что ты не робот

Избавиться от синего прямоугольника фокуса на вводах в HTML/CSS?

Я запускаю Mac OS, поэтому не могу сказать, представлен ли этот эффект на машинах Windows или нет, поэтому я приношу свои извинения, если этот эффект не видел для вас.

Входные и текстовые поля, похоже, имеют синий прямоугольник, когда они сосредоточены, по крайней мере, на Firefox и Chrome на Mac. У меня есть настраиваемый эффект фокусировки на сайте, и мне интересно, могу ли я избежать появления этого поведения по умолчанию. Google избегает этого на своем сайте. Я дошел до того, чтобы получить стиль "in-effect" CSS для окна ввода Google, применить его к моему объекту css. Тем не менее, он по-прежнему показывает синий прямоугольник. Я не совсем уверен, что делает voodoo google, но мне кажется, что это не атрибуты HTML и CSS. Кто-нибудь знает, как избежать этого эффекта? Спасибо!

4b9b3361

Ответ 1

На самом деле это атрибут CSS. Это скроет этот светящийся эффект:

input:focus, textarea:focus {
    outline: none;
}