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.