如何在垂直方向上变换 Bootstrap 的范围？

Question

我有以下代码在 Bootstrap 中创建一个水平范围：

<label for="customRange3" class="form-label">Example range</label>
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">

我需要知道如何在垂直“范围”内转换它。

Answer 1

尝试下面的代码并检查它是否解决了您的问题：

input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 8px;
    height: 175px;
    padding: 0 5px;
}

<input type="range" orient="vertical" />