Разным элементам input - разное форматирование. Как?
 

Dear All,

Подскажите, пожалуйста, такую вещь.

Как настроить стиль для разных элементов input? Конкретно - чтобы у input type=text был серый border толщиной 4px, а у input type=image и input type=radio его не было?

Если написать

input {
border: 4px #dedede solid;
margin-top: 3px;
font-size: 10px;
text-align: left;
color: black;
font-family: Arial, Verdana, sans-serif;
height: 21px;
}

то у всех элементов input, включая image и radio, появляется серый border.

Как убрать его у элемента, допустим, radio? Так (см. ниже) не работает...

input.radio (а также input radio) {
/* border: 4px #dedede solid; */
margin-top: 3px;
font-size: 10px;
text-align: left;
color: black;
font-family: Arial, Verdana, sans-serif;
height: 21px;
}

Как же создать выборочное форматирование для input type=XXX?

Вообще, есть CSS-селекторы такие, но они не везде поддерживаются. Например, IE6 их не поддерживает.

Задавай классами, по-старинке ;)..