CSS3 範圍內選擇器示例

<style>
input:in-range {
    border: 1px solid blue;
}
</style>

<input type="number" min="10" max="20" value="15">
<p>The border for this value will be blue</p>

當元素的 value 屬性在此元素的指定範圍限制內時，:in-range CSS 偽類匹配。它允許頁面給出反饋，使用該元素當前定義的值在範圍限制內。 [1]