css input types

[sysadmin42]

is there any way to specify a different style for each <input> type? My main issue is that I have made the text boxes with a 1px border, but then the radio buttons also have a border. I want to keep the text boxes as is, and eliminate the border around the radios, without necessarily having to specify a class.

example:

input {
	border: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

 

[Vragabond]

Actually, there is:

input[type="text"] {
    border: 1px solid #999999;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

The bad part? IE definitely does not support this, Geckos do, but I am unsure of the other browsers. You're best of defining border to a class and adding the class to those elements you want to have special border. Or eliminate the border via class, if that is less work.

 

[sysadmin42]

hmm... what I've done in the past was elimiate the border via class, since I use radios and checkboxes less. I'm just looking for a way around it. maybe the next version of IE...?

 

[Vragabond]

Heehee. Maybe. Though I would correct you in saying 'maybe the next version of IE that acknowledges the standards a little'.