CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성大全

CSS3 :checked 선택자

:checked CSS 패seudo-class 선택자는 모든 선택된 radio( <input type="radio">), checkbox ( <input type="checkbox">) 또는 ("select") 요소의 option HTML 요소("option")을 나타냅니다.

완전한 CSS 선택자 참조 가이드

온라인 예제

모든 선택된 입력 요소에 배경색을 설정합니다：

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>기본 가이드(w3(codebox.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 함수(Function)CSS 선택자 전체 가이드북