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

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

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

1 Ответ

117 голосов
/ 07 сентября 2010

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

input:focus, textarea:focus {
    outline: none;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...