Removing Glow from Selected Text Field
Wednesday, 3 September 2008
In WebKit, whenever a text field or a search field is selected (focused), a blue glow is drawn around its perimeter. In some cases, it may be desirable to remove this glow. This is actually quite simple: set theoutline CSS property to none.
outline: none;
The above code results in:
Notice that when you select the text field, no blue glow appears around its perimeter (you’ll have to be using WebKit to see it correctly).
Of course, there are very few cases when you would want to do this (or to be more precise, should do this), but its always nice to know its possible…
