상태선택자
입력 양식의 상태를 선택할 때 사용
| 형태 | 설명 |
| :checked | 체크 상태의 input 태그 선택 |
| :focus | 초점을 맞춘 input 태그 선택 |
| :enabled | 사용 가능한 input 태그 선택 |
| :disabled | 사용 불가능한 input 태그 선택 |
예제 실습)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
input:enabled { background-color: white; }
input:disabled { background-color: gray; }
input:focus { background-color: orange; }
</style>
</head>
<body>
<input value="사용 가능">
<input value="사용 불가능" disabled="disabled"><br>
</body>
</html>
[실행 결과]
'Frontend > CSS' 카테고리의 다른 글
| [CSS] 구조선택자의 정의 및 작성 시 주의사항 (0) | 2021.09.02 |
|---|
