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