Я пытался повернуть окно выбора HTML, что я могу сделать, повернув элемент в CSS, но я понял, что содержимое после щелчка будет отображаться горизонтально.
В случае многократного поля выбора я могу вращать элементы внутри с помощью jQuery, но не в обычном окне выбора.
Есть ли способ выполнить sh это?
$('option').css({
"transform": "rotate(30deg)"
});
#sel1 {
position: absolute;
top: 100px;
left: 100px;
transform: rotate(20deg);
}
#sel2 {
position: absolute;
top: 100px;
left: 200px;
transform: rotate(20deg);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<select name="sel1" id="sel1">
<option class="opt" value="0">o0</option>
<option class="opt" value="1">o1</option>
<option class="opt" value="1">o2</option>
</select>
<select multiple name="sel2" id="sel2">
<option class="opt" value="0">o0</option>
<option class="opt" value="1">o1</option>
<option class="opt" value="1">o2</option>
</select>
Вот пример на codepen