• Q&A
  • 회원가입
  • 로그인

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

886  

: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">

 

결과보기

 


찾아주셔서 감사합니다. Since 2012