Lander
Kerbero
GuillermoEvitar 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 682 días
La verdad que esto ayuda mucho :D, a ver si escribes mas SEE YOU !
Ignacio#2 hace 682 días
Bien ahi!
RetroFOX#3 hace 682 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 682 días
Retrofox lo que dices de la linea punteada en lo enlaces no es recomendado quitarlo
IceBeat#5 hace 678 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 676 días
Sin embargo Zirten tiene razón respecto a mi confusión. Saludos.
Carlos Tallón#7 hace 674 días
Wop! justo lo que estaba buscando... gracias de nuevo IceBeat, como siempre un fenómeno!
Miguel#8 hace 640 días
Muy bueno, me lo guardo para próximos diseños!
icebeat#9 hace 633 días
Gracias a ustedes maquinas :)
Omar#10 hace 629 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 628 días
De nada tio pa eso estamos, si a veces los tips son mejoers que grandes tutos :).
oliverastro#12 hace 613 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 608 días
Muchas gracias por el tip @12