miércoles, 18 de agosto de 2010

ELIMINAR BORDE NARANJA DE LOS RECUADROS EN GOOGLE CHROME

Si eres uno de los que odian el borde naranja que aparece cuando escribimos o seleccionamos un recuadro, hoy vas a poder eliminarlo gracias a este truco.

Cabe aclarar que esta explicación es para evitar que nuestra propia página muestre los bordes, y la guía no tiene como finalidad el eliminar el borde naranja (o azul en Safari) de todos los sitios que visitemos con nuestro navegador...

En fin, deberemos de editar la hoja de estilos de nuestro sitio (nuestro archivo .css) para agregar al mismo la siguiente línea que básicamente lo que hace es eliminar el borde exterior, cualquier tipo de borde exterior, de cualquier cuadro de texto de nuestro sitio en cuanto los mismos son utilizados por el usuario...

*:focus { outline: none; }

Esto no afecta a otros navegadores (al menos que en un futuro también agreguen el borde exterior al igual que Google Chrome o Safari) y se aplica, reitero, a todos los elementos del sitio que estemos editando.

Fuente: leegar blog

No hay comentarios:

Publicar un comentario en la entrada