defining global styles. input text vs input button

Hi,
i wanted to define default global styles that would be used by 90% of
controls. I would like to differentiate input text controls from input
button controls.
is there a way to specify this in this sort of way:
input text { font-family: verdana; }
input button { font-family: arial; }

also, if i do this, and than override specific controls with custom
styles, would it be recommended practice?
<table id="Navigation"><tr><td>
<input type="text" />
</td></tr></table>
#Navigation input { backgroundColor: "#ffffff"; }

here i am overriding default input style.

this sems like the cleanest way to go about it.

sonicsoul (AT) gmail (DOT) com wrote:

Hi,
i wanted to define default global styles that would be used by 90% of
controls. I would like to differentiate input text controls from input
button controls.

Attribute selectors.

input[type=text] etc

Not supported by IE 6 and earlier, I don't know about the level of support
in IE 7.

Use classes instead.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is