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