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