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

Question

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

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

Answer 1

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

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