приписать класс CSS к набору флажков

Question

Как присвоить множеству флажков один и тот же класс CSS. Благодарю.

Answer 1

Применить одинаковое имя класса для всех из них:

    <input tyep="radio" class="myclass" name="whatever" />
    <input tyep="radio" class="myclass" name="whatever" />
    <input tyep="radio" class="myclass" name="whatever" />

CSS:

<style type="text/css">
.myclass
{
  color:#ff0000;
}
</style>

Answer 2

Нет такой вещи, как "Класс CSS". CSS имеет наборы правил , селекторы (включая селектор классов ) и свойства, но не классы . Это концепция HTML.

Если вы имеете в виду «HTML-класс», просто добавьте атрибут класса с тем же значением к каждому флажку:

<input … class="foo">
<input … class="foo">
<input … class="foo">

Если вы имеете в виду «Написать селектор, соответствующий набору флажков», тогда используйте селекторы атрибутов :

input[type=checkbox][name=checkboxGroupName] { /* … */ }

Вы можете оставить первый селектор атрибутов, если нет другого вида ввода с таким же именем. Вы можете не указывать второй селектор атрибутов, если хотите сопоставить все флажки, а не только те, которые находятся в определенной группе.

Обратите внимание, что IE6 не поддерживает селекторы атрибутов , и другие версии IE могут не поддерживать их в режиме Quirks. Если это проблема, измените разметку и используйте поддерживаемый селектор.

Answer 3

Вы должны просто назначить один и тот же класс своим флажкам:

<input type="checkbox" class="yourclass" value="1">
<input type="checkbox" class="yourclass" value="1">

.yourclass 
{
    your styles here
}

Классы предназначены для назначения нескольким элементам, в отличие от атрибута id, который должен быть уникальным на странице.

<input type="checkbox" id="unique" value="1">

 #unique
 {
 different styles
 }