Javier
Luis
ObsmurciaEvitar el halo azul en safari
En safari cuando tenemos el foco en los inputs o textareas nos encontramos con un halo azul alrededor del borde, esto viene muy bien para saber donde te encuentras pero en el caso que usemos imágenes de fondo y los input no tengan bordes queda un poco feo. Para ello se utiliza la propiedad outline que es la misma que usamos para quitar el borde de los enlaces.
input, textarea {
outline:none;
}Con esto evitamos ese halo azul.
Ver post
Comentar
Zirten#1 hace 711 días
La verdad que esto ayuda mucho :D, a ver si escribes mas SEE YOU !
Ignacio#2 hace 710 días
Bien ahi!
RetroFOX#3 hace 710 días
Ciertamente. En algunos browsers pasa lo mismo, no recuerdo si es en IE o FF bajo windows; hace rato que no lo uso; y cuando lo hago no diseño. Pero en este caso se trata del famoso recuadro con línea punteada. Para mi es horrible. Saludos.
Zirten#4 hace 710 días
Retrofox lo que dices de la linea punteada en lo enlaces no es recomendado quitarlo
IceBeat#5 hace 706 días
Bueno no es recomendable quitarlo si eso atenta a la usabilidad, pero en algunas ocasiones creo que viene mejor quitarlo.
Retrofox#6 hace 704 días
Sin embargo Zirten tiene razón respecto a mi confusión. Saludos.
Carlos Tallón#7 hace 703 días
Wop! justo lo que estaba buscando... gracias de nuevo IceBeat, como siempre un fenómeno!
Miguel#8 hace 668 días
Muy bueno, me lo guardo para próximos diseños!
icebeat#9 hace 661 días
Gracias a ustedes maquinas :)
Omar#10 hace 657 días
Gracias icebeat :D estube tratando de hacer esto por mucho tiempo, no pense que la solucion fuera tan facil gracias :)
icebeat#11 hace 657 días
De nada tio pa eso estamos, si a veces los tips son mejoers que grandes tutos :).
oliverastro#12 hace 641 días
hola, estuve probando y sale mejor dejarlo en outline:0; asi se mantiene la usabilidad y se pierde el halo azul...
saludos
IceBeat#13 hace 637 días
Muchas gracias por el tip @12