Question

I want to restore the default CSS outline setting on some form fields but I want it restored to the default Webkit or browser specific style.

The page I’m working with has outline: none applied on all elements, and I just want to revert to the default setting on a few ones. Any ideas?

Answer 1

Instead of resetting with outline: none, reset with outline-width: 0. This prevents the browser from clearing the styles and when you reapply a width the style will still be there.

input:focus {
  outline-width: 0;
}

input.nostyle:focus {
  outline-width: 5px;
}

http://jsfiddle.net/VT4Hb/