applying css to entire site

[blexman]

I would like to apply styles to the entire web site; using external stylesheet. But I am having problems defining the sytle for form submit buttons. I don't want to use classes (

<style type=&quot;text/css&quot;>
.button {
background-color: maroon; color=white; width:150px; }
</style>

... because I don't want to specify class=button for every button. Is ther a way to do this ?

thanks
hani

 

[starway]

I'm sure that this is impossible.
You can define a global style for all INPUT, TEXTAREA and SELECT form elements at once - possible because they are represented by html tags.
But you cannot set a style for some specific type of <input> separately. So classes is the only way to do this.

 

[kim1234]

There is a feature in CSS that will allow you to do what you want, but it is not widely support in browsers....

try this in your stylesheet:

input[type="submit"] { background-color: maroon; color=white; width:150px; }

Check out

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

for more information on this type of selector, and its variations.

The Style Sheet Guides at

http://www.webreview.com

can give you a good idea of which browsers support which selectors (and properties) - try the &quot;Master List&quot; as well as the &quot;CSS2 Selectors&quot; list (which will include the above example).

Hope this helps. Ciao, K

 

[RISTMO]

Your stylesheet will work fine, but you can't use this for <input type=&quot;button&quot;>. You must use the button tag instead. Like this:

<style type=&quot;text/css&quot;>
.button {
background-color: maroon; color=white; width:150px; }
</style>
<button onClick=&quot;BlahBlah()&quot;>Click Me</button>

Rick

P.S. <button> is IE 5+ only.