CSS : 유효한 선택기
예시
<input> 요소의 값이 유효한 경우에만 선택 및 스타일 지정:
input:valid
{
background-color: yellow;
}
정의 및 사용
선택기는 요소 의 :valid
설정에 따라 유효성을 검사하는 값으로 양식 요소를 선택합니다.
참고: :valid 선택기는 최소 및 최대 속성이 있는 입력 요소, 법적 이메일이 있는 이메일 필드 또는 숫자 값이 있는 숫자 필드 등과 같이 제한이 있는 양식 요소에 대해서만 작동합니다.
팁: :invalid 선택기를 사용하여 요소 설정에 따라 유효성이 검증되지 않는 값을 가진 양식 요소를 선택하십시오.
버전: | CSS3 |
---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS 구문
:valid {
css declarations;
}
관련 페이지
CSS 선택기 : 유효하지 않음