attribute - Deshacerse del rectángulo de foco azul en cuadros de entrada en HTML/CSS?

tooltip text html5

Question

Estoy ejecutando Mac OS así que realmente no puedo decir si este efecto se presenta en las máquinas de Windows o no, así que me disculpo si este efecto no se ve para usted.

Los campos Input y Text parecen tener un rectángulo azul cuando están enfocados, al menos en Firefox y Chrome en una Mac. Tengo un efecto de enfoque personalizado en un sitio, y me pregunto si puedo evitar que se muestre este comportamiento de selección predeterminado. Google lo evita en su sitio. Fui tan lejos como para obtener el estilo de CSS ''en efecto'' para el cuadro de entrada de Google, aplicar eso a mi objeto css. Sin embargo, todavía muestra el rectángulo azul. No estoy exactamente seguro de qué tipo de vudú google está haciendo, pero me parece que no son atributos HTML o CSS. Alguien sabe cómo evitar este efecto? ¡Gracias!

Answer 1

De hecho, es un atributo CSS. Esto ocultará ese efecto brillante:

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