Bootstrap 5 范围滑块
自定义范围滑块
要设置范围滑块的样式,请将 .form-range
类添加到 type="range" 的输入元素。
示例
<label for="customRange" class="form-label">自定义范围</label>
<input type="range" class="form-range" id="customRange">
亲自试一试 »
步骤
默认情况下,范围数字之间的间隔为 1。您可以使用 step
属性更改它。
最小值和最大值
默认情况下,最小值为 0,最大值为 100。您可以使用 min
和/或 max
属性更改它。