:in-range

in-range CSS 伪类代表一个 元素，其当前值处于属性 min 和 max 限定的范围之内。

这个伪类非常有用，可以让用户直观地知道他们输入的值是否在有效范围内。当用户输入的值在 min 和 max 指定的范围内时，可以使用这个伪类来应用特定的样式，比如改变输入框的边框颜色或背景色，给用户一个视觉上的反馈。

使用 :in-range 伪类可以提高表单的用户体验，特别是在输入数字、日期或时间等需要验证范围的值时。开发者可以通过 CSS 轻松地为在范围内的输入元素设置不同的样式，帮助用户快速判断输入是否有效。

需要注意的是，:in-range 伪类只适用于设置了 min 和 max 属性的输入元素。如果输入元素没有设置这两个属性，那么 :in-range 伪类将不会匹配任何元素。

这个伪类在现代浏览器中得到了广泛支持，包括 Chrome、Firefox、Safari 和 Edge 等主流浏览器，自 2015 年 11 月起就已经在这些浏览器中可用。