Topic: Applying styles to text boxes only (Page 1 of 1)

hi guys,

I was wondering if there is a way in a CSS style sheet to write a style specifically for text boxes only, something like input.text{} so whenever I have a text box on a page it will have this style/class automatically applied to it without me having to add class="" or it interfering with other input objects.

TIA

Blaise

There is a way:

input[type="text"] { border: 5px solid green; }

but it is only supported by Mozilla and Opera 7, not by good old IE 6 of course...


kuckus

oh...

Is this the way of things to come though? I guess it is seeing as Mozilla and Opera support it, have you got a good link to the source of this information?

Cheers

The CSS3 Specs is to place to find confirmation about that information. The part about attribute selectors are probably what you're looking for.

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"
- the Golden Ratio -

What's wrong with class?




__________________________________________
"Art has to be forgotten. Beauty must be realized."
Piet Mondriaan

or you could just have two styles, one for textboxes (class textbox) and one for everything else. Basically just create an empty style of input { } then create input.textbox { } with your style info for your texboxes...

In the end, until CSS3 is out and supported across the board, you're going have to use classes, becuase attribute selectors just aren't in the CSS tolbox until then.

[This message has been edited by Skaarjj (edited 10-12-2003).]

rinswind - there's nothing wrong with using a class, of course, but if it could be down without having to bother adding the class="whatever" then all the better.

The tools are there, but the support isn't unfortunately. And with the state of IE, who knows what will happen to standards support in the future.....