gpt4 book ai didi

javascript - 如何将下拉列表中的箭头向左移动

转载 作者:太空宇宙 更新时间:2023-11-04 01:50:15 24 4
gpt4 key购买 nike

我使用 Bootstrap 3.3.7。这是我的 HTML 代码:

<body>Single select example
<div class="selectRow">
<select id="singleSelectExample">
<option></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
</div>
</body>

这是它在客户端上的样子:

enter image description here

这里正在工作JSFIDDLE !!!

我的问题是如何向左移动箭头。

这是我想要的样子:

enter image description here

我怎样才能达到理想的外观?

最佳答案

我认为这个问题与 Bootstrap 没有任何关系,但答案如下:

.select2-container .select2-choice .select2-arrow {
left: 0;
right: auto;
}

.select2-container .select2-choice > .select2-chosen {
margin-left: 14px;
margin-right: 0;
}

Updated fiddle

关于javascript - 如何将下拉列表中的箭头向左移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43651858/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com