CSS 伪类 :in-range 和 :out-of-range 用于设置表单元素（如<input>）的值是否在指定的范围内。这些伪类通常与min和max属性一起使用，以定义允许的值范围。
本文主要介绍 :in-range 和 :out-of-range 的基本用法以及在使用中需要关注的注意事项。
:in-range
:in-range 伪类用于选择其值在指定范围内的表单元素。它适用于具有 min 和 max 属性的输入类型，如number、range、date、datetime-local、month、week和time。
1）示例：
