Apply style(s) based on attribute value

[YorkshireSteve]

Hi,

I've been playing around with CSS and I've figured out that I can apply a certain style to all

div

's in a

td

, or to all elements with a particular

id

. I want to change the default cursor from the arrow to the hand for all form buttons - but not to text fields etc...

Can I apply a style to

<input type="submit" name="Submit" value="Submit">

but not to

<input type="text" name="email_address" value="">

-- Without giving all my buttons a seperate

class

or

id

attribute?

Thanks,

Steve.

[dcrombie]

You need to wait for CSS2 to be supported:

INPUT[type="text"] {
width: 200px;
}

[YorkshireSteve]

Oh well - never mind! Cheers, dcrombie

[domokun]

you could alwyas out the button inputs inside a div and then style them that way

<div id="whatever">

<input ...>

</div>

div input
{
width: 200;
}

this way, at least, you could get the desired affct with the minimum amount of code. then, when css2 is fully supported, simply remove the style for the div.

[BlobFisk]

As pointed out, you'll have to wait until CSS3 for this. Other then using a class, as has been pointed out, containing all the form buttons in a <div> or <span> is the way to go.

It's worth mentioning that support for cursor: is sporadic.