CSS псевдокласс :enabledcss3

CSS селекторы

Значение и применение

CSS псевдокласс :enabledcss3 в основном используется с элементами формы и выбирает каждый элемент, который не отключен (у которых не установлен логический атрибут disabled).

Обращаю Ваше внимание, что селектор enabledcss3 применяется только к следующим элементам:

Поддержка браузерами

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
:enabledcss3ДаДаДаДаДаДа

CSS синтаксис:

:enabled {
блок объявлений;
}

Версия CSS

CSS3

Пример использования

<!DOCTYPE html>
<html>
<head>
	<title>Использование псевдокласса :enabled.</title>
<style type = "text/css"> 
input:enabled { /* выбираем каждый элемент, который не отключен */
background-color: AliceBlue; 
}
option:disabled { /* выбираем каждый элемент, который отключен */ 
background-color: gray; 
}
</style>
</head>
	<body>
		<form>
			Имя: <input type = "text" value = "Boris"><br><br>
			Фамилия: <input type = "text" value = "Britva"><br><br>
			Страна: <input type = "text" disabled = "disabled" value = ""><br><br>
			Город: <input type = "text" disabled = "disabled" value = "">
		</form><
	</body>
</html>

Результат нашего примера:

Пример использования псевдокласса :enabled.
Пример использования псевдокласса :enabled.
CSS селекторы