Safari's blue focus lines
January 19th, 2009
It’s worth noting that by using
input:focus, textarea:focus {outline:none;}
you can get rid of that blue feathered outline Safari adds to form input controls. Starting with that you can style the borders in a more pleasent way, since there will be no more blue stuff messing with your style.
On a side note, it’s also worth noting the difference between border and outline: border affects the item’s dimensions (adding a border on hover moves the flow of elements) while the outline doesn’t affect the dimensions (which is the reason Apple buts the blue focus thing on this property, and not border).