How to set CSS rules for input, except one type

Question

I have CSS rules for input as

input {
background:#FFFFFF
}
input:hover {
background:#BBBBBB
}

I want to apply this style to al

Answer 1

You can just overwrite the general input field style with a new style for submit input fields. Check it out: http://jsfiddle.net/dpYRX/2/

input {
background:#FFFFFF
}
input:hover {
background:#BBBBBB
}

input[type="submit"] {
    background: #ff0000;
}

input[type="submit"]:hover {
    background: #cdcdcd;
}

Answer 2

You can use the :not() pseudo-class and an attribute selector, e.g.

input:not([type=submit]) {
    background: slategray;
}

Keep in mind there is no support for IE 8 and below.

http://jsfiddle.net/qpxYb/1/

Answer 3

You may use the :not() selector.

input:not([type='submit']):hover {
/* rules here */
}