CSS3 :in-range selector example

suggest change
input:in-range {
    border: 1px solid blue;
<input type="number" min="10" max="20" value="15">
<p>The border for this value will be blue</p>

The :in-range CSS pseudo-class matches when an element has its value attribute inside the specified range limitations for this element. It allows the page to give a feedback that the value currently defined using the element is inside the range limits.


Feedback about page:

Optional: your email if you want me to get back to you:

Table Of Contents