[selector] CSS - :in-range 가상선택자 - 지정범위안값 갖는 요소 선택 (= 인레인지선택자 IE13)

:in-range 예제

 

<style>

input:in-range {border: 2px solid green; color:green}

input:out-of-range {border: 2px solid red; color:red;}

</style>

범위 안 : <input type="number" min="10" max="20" value="15"><br>

범위 밖 : <input type="number" min="10" max="20" value="30">

 

결과보기