Note: The Console blog is no longer active. I'm currently building the Sculpted Code blog, and when it's finished, I shall be posting there.
← Console Index
Removing Glow from Selected Text Field

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…