<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>상태 선택자</title>
<style>
input:enabled {background-color: white;}
input:disabled {background-color: gray;}
/* input태그에 초점이 맞추어지면 색상을 오렌지로 변경*/
input:focus {background-color: orange;}
input[type="checkbox"]:enabled {background-color: red;}
input[type="checkbox"]:disabled {background-color: gray;}
/* input태그에 초점이 맞추어지면 색상을 오렌지로 변경*/
input[type="checkbox"]:focus {background-color: orange;}
</style>
</head>
<body>
<h2>사용 가능</h2>
<input />
<h2>사용 불가능</h2>
<input disabled="disabled"/><br/>
<hr/>
<input type="checkbox" name="a"> 축구
<input type="checkbox" name="a"> 야구
<input type="checkbox" name="a"> 농구
<input type="checkbox" name="a" checked="checked" /> 배구
<input type="checkbox" name="a" disabled="disabled" /> 족구
</body>
</html>
<input type="checkbox" name="a" checked="checked" /> 배구 -> 인터넷 창이 열릴때부터 체크가 되어있음
<input type="checkbox" name="a" disabled="disabled" /> 족구 -> 선택불가능
enabled->원래 색상으로 빨간색으로 되어있다.
disabled->체크불가능으로 회색으로 되어있다.
focus->클릭하는중 나오는 색상으로 주황색으로 되어있다.
(익플9에선 색상이 제대로 나왔는데 익플11에선 제대로 안보이네요...)
