如何在垂直方向上变换 Bootstrap 的范围?
How I can transform a range of Bootstrap in vertical?
我有以下代码在 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">
我需要知道如何在垂直“范围”内转换它。
尝试下面的代码并检查它是否解决了您的问题:
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" />
我有以下代码在 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">
我需要知道如何在垂直“范围”内转换它。
尝试下面的代码并检查它是否解决了您的问题:
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" />