Styling input tags

[dmorand]

I'd like to add a border to my input items on my forms, but I don't want the style to be used on checkboxes, and radio buttons because the style has a border in it. Is there an easy way to do this?

I have a style setup like this:

input,textarea{
    border:1px solid #666;
}
 

Is it possible to style the actual input types? I really just want to style the text boxes and the input buttons.

[drhowarddrfine]

Did you try what you show? That should do it.

[dmorand]

What I show for css styles all of my inputs, but that includes the checkboxes and radio buttons. I don't want those to have the style associated to them, so I was hoping I can style input types rather than the input tag itself.

[drhowarddrfine]

That's interesting. I didn't know IE did that.

Just add an 'id' to the <input>s you want styled.

[Markus]

input[type=text]{
    border: 4px black solid;
}
 

Just change the type around.

And as you've guessed, this does not work in IE. Or more fittingly, IE SHOULD DIE!!!!!

[dmorand]

Yeah thats pretty much what I came up with myself. .... I hate IE.

Firefox works fine and doesn't put the border around the checkbox or radio, but stupid IE does. Geez I hate IE

[drhowarddrfine]

Google Trends shows a slow but steady decline in IE usage while FF, Opera and Safari show slow but steady increases. Microsoft has already stated IE8 will not have the improvements to their browser that everyone wants them to have. So, once again, Microsoft thumbs their nose at the developer.