Отдельные текстовые поля и кнопки в css

Question

Я хотел бы иметь надежный CSS, который будет иметь все формы, которые я смотрю одинаково.

я сталкиваюсь с проблемой при определении свойств CSS для кнопок и текстовых полей

здесь устанавливаемыми сотовыми

#content .forms input { 
    border: 1px solid #CCCCCC; 
    background-color: #FFFFFF; 
} 

Я хотел бы иметь CSS для кнопки отдельно от кнопок, но

"#content .forms 'input'"

делает тогда то же самое. Любые идеи о том, как я буду заниматься этим?

Answer 1

Вы можете добавить несколько классов к элементу, разделив классы на пробел.

<style> 
    .FirstClass { color: #a9a9a9 } 
    .SecondClass { font-size: 10pt; } 
</style> 
<input type='text' class='FirstClass SecondClass' /> 

Добавление нескольких классов может сбивать с толку, если вы применяете все больше и больше классов к одному элементу.

Answer 2

Если вы можете игнорировать IE6 можно использовать attribute selector:

input[type="text"] { 

} 

input[type="button"] { 

} 

Если вы не можете, вы должны дать свои кнопки/Textboxes класс и применить стили к этому классу.

Answer 3

вы можете использовать attribute selectors как input[type="submit"].