Question

I need to style all the input fields but one.
So i have set a rule for all the inputs on the site.

For the seachfield i need to use the browser default, so i was thinking i could just inherit all the values i have set for the general input fields. (have tried border: none to)

This does not work in FF nor Safari 🙁 The border just gets transparent.

http://jsfiddle.net/N5KKH/1/

Any idea how i could get the default browser styling back?

EDIT: i need the first input field look like the second one:
http://jsfiddle.net/N5KKH/2/

Answer 1

You should be using a class on all inputs you want styled rather than a general selector on tag name.

If you cannot control this, you could try to set the input back to the default css properties which are listed here although this is not a nice solution and will probably not actually result in the default appearance of the input box.

CSS3 has the not pseudo class which could be used to select all the other inputs although this is not supported by all browsers. JS abstraction frameworks such as jQuery often allow you to use “not” selector syntax cross-browser although this is much less elegant than a pure html css solution.