Apply CSS to only Text input field 1

[Streetdaddy]

I would like to apply CSS formatting to all Text fields, but not checkbox and radio buttons. Is there a way to do this in CSS without having to add style parameter to every instance of radio button or checkbox?

I have tried INPUT.TEXT {...} but then no formatting was applied to anything! Miles

Those Micros~1 guys sure know what they doing!

 

[starway]

INPUT.TEXT {...} means that the style should be upplied to all input elements with class="text". If you don't have such a class, no surprize that the style wasn't applied.

You can only use this in style:
input { ... }

But the style will be applied to ALL input tags, including buttons/images: <input type=button|submit|reset|image> and others like radios.
There's no way to separate them without using classes.

 

[kim1234]

There is a newer feature of CSS (2) that will allow you to separate input types (however, currently not supported in IE):

input[type="text"] {....}

Here's a reference describing it's use:

http://www.blooberry.com/indexdot/css/syntax/selectors/attribute.htm#value

If you need cross-browser functionality, then Starway's suggestion of classes is the way to go.

 

[Streetdaddy]

Thanks Starway, I didn't realise I needed to add the the class to the text field. That's a bit less code than adding style parameters to each text field

Cheers. Miles

Those Micros~1 guys sure know what they doing!