HomeQuitar el border azul de los inputs en Safari
Es bastante fácil quitar ese border azul que aparece cuando pones el foco en un elemento de formulario en Safari, un simple outline: none en tu código CSS es todo lo que necesitas.
Mira los siguientes ejemplos y capturas de pantallas para saber como funciona:
Simple formulario con borde azul
<form>
<input type="text" name="test" id="test" size="20" />
<input type="submit" value="Submit" name="submit" />
</form>
El mismo formulario sin borde
<style media="screen">
#test { outline: none; }
</style>
....
<form>
<input type="text" name="test" id="test" size="20" />
<input type="submit" value="Submit" name="submit" />
</form>
abril 5th, 2009 at 04:29
Thankyou! I just wondered here through Google and this helped me out
mayo 30th, 2009 at 04:57
This is great! Thanks mate!
junio 2nd, 2009 at 22:43
thanx for this….
septiembre 12th, 2009 at 08:39
Really easy… Thanks a lot mate!
febrero 8th, 2010 at 13:55
Although the title of this article is for Safari, I would like to point out that this doesn’t appear to work on Firefox on OS X. I wonder if there is a solution for this.
febrero 18th, 2010 at 01:46
Adam
add the following to your css style sheet too:
:focus { -moz-outline-style: none; }
it will solve the problem in Firefox for you
febrero 18th, 2010 at 16:42
Thank you Gay Higgins for your collaboration.
agosto 30th, 2010 at 02:02
Thaaanks!!!
septiembre 21st, 2010 at 15:46
Great!
Thanks
noviembre 29th, 2010 at 10:43
is it possible to delete the little lines in the corner of a muti text?? the lines that you click to make bigger or smaller the comments
Thanks
noviembre 29th, 2010 at 10:44
the comments’ box…
febrero 24th, 2011 at 11:16
Mil gràcies!!!
junio 7th, 2011 at 21:28
great dude! thanks.
julio 17th, 2011 at 09:05
thank.
very gooooooooooooooooooooooooooooooooooood