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
屬性來更改它