Remove the Safari Input Focus
Jun.04.2008
Handy little CSS snippet for any designer / developer out there that may have run into Safari highlighting input fields – Just add the following to your stylesheet: *:focus {outline: 0;}
Boom. No input highlights. : huggle :
P.S. Universal (*) selectors are sometimes considered bad form, so use them at the risk of losing industry respect. Just specify the field you want to fix up and you’ll still be cool. I don’t give a flying crap about it personally, so I * away.
Tags: form focus, input highlight, remove safari focus, safari CSS, safari form fix, safari form focus, safari highlight, safari input CSS, safari input focus
This be the commentary:
-
eifJun.30.2008
-
I am so grateful to you for this tip! I looked and looked through internet sites to find the answer, and wasted so much time. Thank you. Thank you! It works! Eif
-
RoelJul.03.2008
-
Thanks for the tip!
Love your comment about ‘industry respect’
-
fiskhandlarnAug.22.2008
-
Spot on! Thanks!
-
MassimoMar.21.2009
-
Thanks soooo much!!!
-
MillsoftMay.25.2009
-
heya mate, thanx, works very good, love you :)))
-
James RedinJul.31.2009
-
Thank you for this ifo – It worked great! However I found it while looking for another problem I have with Safari. In IE JavaScript I can use the focus() command to set the focus to a different object, which can also be an image object that has areas sensitive to the mouse, however Safary only allows me to set the focus to another Input Text object, which I don’t want, I just want to blurr the focus from the Input Text object as soon as I click on it (and perform the commands included in the function pointed by the onfocus attribute.
How can I reset the Input Text focus in Safary once I click in the Input Text area?
Thanks!
-
- Remove Safari’s input focus behaviour – Gaston GarciaAug.25.2009
-
[...] to Josiah Platt I’ve removed the annoying focus effect that Safari forces on all input [...]
-
kOwSep.21.2009
-
Would this work as well? Thanks for this post this is great stuff!
input:focus {outline:0;}
-
JosiahSep.22.2009
-
@k0w : Yeah it would. The *:focus just takes care of anything else Safari would highlight. Just in case, you know?
Input fields aren’t the only enemy here.
-
YannOct.27.2009
-
Yes dude, you saved my day. Thanks for this trick!
-
JacobDec.15.2009
-
Hi,
Thanks!
I was wondering how i removed it from firefox aswell?
Cheers // J