CSS : 범위 내 선택기
예시
<input> 요소의 값이 "범위 내"인 경우에만 선택 및 스타일 지정:
input:in-range
{
border: 2px solid yellow;
}
정의 및 사용
선택기 는 :in-range
지정된 범위 내에 있는 값을 가진 모든 요소를 선택합니다.
참고: 범위 내 선택기는 최소 및/또는 최대 속성이 있는 입력 요소에만 작동합니다!
팁: :out-of-range 선택기를 사용 하여 지정된 범위를 벗어난 값을 가진 모든 요소를 선택합니다.
버전: | CSS3 |
---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*Edge에서 :in-range 속성은 min/max 속성이 없는 입력 요소도 잘못 선택합니다.
CSS 구문
:in-range {
css declarations;
}
관련 페이지
CSS 선택기 : 범위를 벗어남