输入SELECT右侧缺少下拉按钮

Question

我正在使用Bootstrap 3＆amp;互联网的自定义样式。 但是所有选择框中都缺少Select drop down右侧pull down按钮。

有些机构可以提供CSS来取回它吗？

<select name="test" id="test1" class="form-control">
    <option selected value="NONE">No Idea</option>
    <option value="PRIVATE">PRIVATE</option>
    <option value="PUBLIC">PUBLIC</option>
</select>

来自Inspect Element的

CSS

这是我如何修复的。

我在form之前添加了两个div form-horizontal类

<div class="row">
    <div class="col-lg-12">
        <form class="form-horizontal">
            <select name="test" id="test1" class="form-control">
            </select>
        </form>
    </div>
</div>

Answer 1

您是否尝试将show-menu-arrow类添加到select元素？

<select name="test" id="test1" class="form-control show-menu-arrow">
    <option selected value="NONE">No Idea</option>
    <option value="PRIVATE">PRIVATE</option>
    <option value="PUBLIC">PUBLIC</option>
</select>

从这里可以看出：http://silviomoreto.github.io/bootstrap-select/

更新：

看起来bootstrap约定是使用ul元素来实现样式下拉而不是select元素。不过，您也可以尝试在您的选择中添加：<span class="caret"></span>