CSS : 체크 된 선택기
예시
체크된 모든 <input> 요소의 높이와 너비를 설정합니다.
input:checked {
height: 50px;
width: 50px;
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
선택기 는 :checked
선택된 모든 <input> 요소(라디오 버튼 및 체크박스에만 해당) 및 <option> 요소와 일치합니다.
버전: | CSS3 |
---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
:checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS 구문
:checked {
css declarations;
}
더 많은 예
예시
선택된 모든 <option> 요소의 높이와 너비를 설정합니다.
option:checked {
height: 100px;
width: 100px;
}
관련 페이지
CSS 선택기 참조: CSS : 비활성화된 선택기
CSS 선택기 참조: CSS:활성화된 선택기