If you manage :focus CSS styles for certain input controls you may have noticed that Safari attempts against your pretty innovative design adding a blurry blue outline effect.
You can avoid this adding this:
input:focus {
outline-width:0;
...
}
And that’s all.
4 Comments on “How to annul Safari’s outline effect in input fields (and friends)”
You can track this conversation through its atom feed.
Safari ve Chrome’da metin girdi(textbox) alanlarını kenar çizgileri kaldıralım « Bay Bedava – Netten Başlıklar says:
[...] http://dev.markhaus.com/blog/2009/03/how-to-annul-safaris-outline-effect-in-input-fields-and-friends... [...]
Posted on July 26, 2009 at 10:29 pm.
Safari ve Chrome’da metin girdi(textbox) alanlarını kenar çizgileri kaldıralım says:
[...] http://dev.markhaus.com/blog/2009/03/how-to-annul-safaris-outline-effect-in-input-fields-and-friends... [...]
Posted on September 12, 2009 at 2:09 pm.
Sevdalimsin.Net Sohbet » Blog Archive » Safari ve Chrome’da metin girdi(textbox) alanlarını kenar çizgileri kaldıralım says:
[...] http://dev.markhaus.com/blog/2009/03/how-to-annul-safaris-outline-effect-in-input-fields-and-friends... [...]
Posted on November 4, 2009 at 12:29 pm.
If you manage :focus CSS styles for certain input controls you may have noticed that Safari attempts against your pretty innovative design adding a blurry blue outline effect.
Posted on February 11, 2010 at 10:48 am.