emmgfx

Quitar el borde de los input con foco en Safari y Chrome

Cuando se utiliza por primera vez un navegador como Chrome o Safari, estoy seguro de que una de las cosas que más se notan es el resplandor / borde. La primera impresión es que ayuda a la accesibilidad, que es un efecto lógico y muchas veces necesario, y que a mucha gente con poca experiéncia le hará un favor.
Pero si tu eres quien maqueta la página y optas por aplicar un efecto propio con css, al mezclarse con el propio del navegador puede que parezca algo extraño y quede mal, pero ese efecto se puede evitar con el atributo outline de CSS.

Igual que se hacía para evitar el punteado de los enlaces que se implementó en nosecual versión de Firefox (3.1 creo).

#signup .text:focus{
	outline:0px;
}

Articulos relacionados

5 comentarios

jfuste → http://www.mybladerunner.com
Comentado hace 2 años

Pa la saca…. :D

DELE Spain → http://es.eboosystem.com
Comentado hace 6 meses

estupendo

Deiby →
Comentado hace 3 meses

Execelente. Me sirvio de maravilla para lo que buscaba

Zlatan →
Comentado hace 3 meses

Gracias!

Hernan →
Comentado hace 2 meses

Gracias! estaba buscandolo!!

Escribir un comentario