border around text input in a html form

Question

I want a red border around my input text fields in a html form. But using css

input { border: 1px solid #d66 }

also puts a red border around my buttons (which I don't want).

input.button, input.submit or input.text and anything inside { } doesn't do anything.

How do I change the border around a text input only, and how do I change the font in the submit button only? I'm using IE9.

Thanks!

Answer 1

To target textboxes, use

input[type="text"] { border: 1px solid #d66 }

There are a lot more attribute selectors available.

Have a look at http://css-tricks.com/attribute-selectors/