English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS伪类 :enabled은 모든 활성화된(activated) 요소를 나타냅니다. 요소가 선택, 클릭 또는 텍스트 입력을 받을 수 있는 경우, 그 요소는 활성화된 것입니다. 요소는 또한 비활성화 상태(disabled state)도 가지고 있으며, 비활성화 상태에서는 요소가 활성화되거나 포커스를 받을 수 없습니다.
所有type="text"의enabled 입력 필드의 글자 색상을 설정합니다：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 가이드(oldtoolbag.com)</title>
<style>
input:enabled {
color: #22AA22;
}
input:disabled {
color: #D9D9D9;
}
</style>
</head>
<body>
<form action="url_of_form">
<label for="FirstField">第一个字段(enabled):</label> <input type="text" id="FirstField" value="Lorem"><br />
<label for="SecondField">第二个字段(disabled):</label> <input type="text" id="SecondField" value="Ipsum" disabled="disabled"><br />
<input type="submit" value="Submit" />
</form>
</body>
</html>테스트를 보세요 ‹/›:enabled 선택자는 모든 활성화된 요소를 매칭합니다（주로 양식 요소에 사용됩니다）。
표의 숫자는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다。
| 선택자 | |||||
|---|---|---|---|---|---|
| :enabled | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
모든 활성화된 입력 요소에 배경색을 설정합니다：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 가이드(oldtoolbag.com)</title>
<style>
input:enabled
{
background:#ffff00;
}
input:disabled
{
background:#dddddd;
}
</style>
</head>
<body>
<form action="">
First name: <input type="text" value="Mickey" /><br>
Last name: <input type="text" value="Mouse" /><br>
Country: <input type="text" disabled="disabled" value="Disneyland" /><br>
Password: <input type="password" name="password" />
<input type="radio" value="male" name="gender" /> Male<br>
<input type="radio" value="female" name="gender" /> Female<br>
<input type="checkbox" value="Bike" /> I have a bike<br>
<input type="checkbox" value="Car" /> I have a car
</form>
</body>
</html>테스트를 보세요 ‹/›