Суббота, 01 Сентября 2012 11:07

Псевдокласс :checked

Written by 
Оцени эту запись
(1 Голос)

Псевдокласс :checked применяется в CSS только для элементов управления <input type="checkbox"> и <input type="radio">  в выбранном состоянии.

 

Допустим в форме есть стопка checkbox'ов с описание в теге lable для каждого. Сделаем стилизацию label для выделенного соответствующего чекбокса.

 

HTML:

 

<form class="checkboxes_styling">

<input type="checkbox"><label>Пункт 1</label>

<input type="checkbox"><label>Пункт 2</label>

<input type="checkbox"><label>Пункт 3</label>

<input type="checkbox"><label>Пункт 4</label>

<input type="checkbox"><label>Пункт 5</label>

</form>

 

CSS:

.checkboxes_styling input[type="checkbox"]:checked + label{color: green}

 

 

Результат:

 

 





 

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов