HomeRemove Safari’s input focus outer glow
It’s actually quiet easy to remove that outer glow when you focus an input element on Safari, a simple outline: none in your CSS code is all that you need.
Check the following examples and screen captures to see how it works:
Regular form with the blue outer glow
<form>
<input type="text" name="test" id="test" size="20" />
<input type="submit" value="Submit" name="submit" />
</form>
The same form without the outer glow
<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>
April 5th, 2009 at 04:29
Thankyou! I just wondered here through Google and this helped me out
May 30th, 2009 at 04:57
This is great! Thanks mate!
June 2nd, 2009 at 22:43
thanx for this….
September 12th, 2009 at 08:39
Really easy… Thanks a lot mate!
February 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.
February 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
February 18th, 2010 at 16:42
Thank you Gay Higgins for your collaboration.
August 30th, 2010 at 02:02
Thaaanks!!!
September 21st, 2010 at 15:46
Great!
Thanks
November 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
November 29th, 2010 at 10:44
the comments’ box…
February 24th, 2011 at 11:16
Mil gràcies!!!
June 7th, 2011 at 21:28
great dude! thanks.
July 17th, 2011 at 09:05
thank.
very gooooooooooooooooooooooooooooooooooood