Руководство по CSS

CSS @ правила (RULES)

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

CSS3 :checked выборщик

:checked CSS псевдокласс выборщика означает любую HTML элемент option ("option") в radio ( <input type="radio">), checkbox ( <input type="checkbox">) или ("select") элементах, которые находятся в选中 состоянии.

Полное руководство по CSS селекторам

Онлайн пример

Установить цвет фона для всех выбранных элементов ввода:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Базовый учебник (oldtoolbag.com)</title>　
<style>　
input:checked {
　　　　height: 55px;
　　　　width: 55px;
}
</style>
</head>
<body>
<form action="">
<input type="radio" checked="checked" value="male" name="gender" /> Мужчина<br>
<input type="radio" value="female" name="gender" /> Женщина<br>
<input type="checkbox" checked="checked" value="Bike" /> Велосипед<br>
<input type="checkbox" value="Car" /> Автомобиль
</form>
</body>
</html>

Проверьте, посмотрите ‹/›

Определение и использование

:checked выборщик соответствует каждому выбранному элементу ввода (только для радио-кнопок или флажков).

Совместимость браузеров

Числа в таблице указывают на первую версию браузера, поддерживающую этот свойство.

Выборщик
:checked	4.0	9.0	3.5	3.2	9.6

Полное руководство по CSS селекторам

Функции CSS Полное руководство по селекторам CSS