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