下拉列表显示使用selectpicker时的两个下拉列表

Question

我正在使用selectpicker下拉列表显示两次，如图像

当我删除selectpicker类时，它会显示正常的下拉列表

<div class="row">
    <div class="col-sm-12">
        <div class="card-box">
            <h4 class="m-t-0 header-title"><b>Select app</b></h4>
            <div class="row">
                <div class="col-md-4">
                    <div class="p-20">
                        <select class="selectpicker" data-style="btn-white">
                            <option>abc</option>
                            <option>xyz</option>
                            <option>123</option>
                        </select> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

$('.selectpicker').selectpicker();
    $(":file").filestyle({input: false});
});

Answer 1

确保正确加载“bootstrap-select.css”。

它有.bootstrap-select＆gt;选择应用于样式元素的样式，该样式元素将隐藏正常的下拉列表。

检查选择并看一下上面的样式应用吗？我已经使用了上面的代码，并且在加载“bootstrap-select.css”时工作正常。

Answer 2

就我而言，我错误地在某个条件下加载 CSS 文件，只是将 CSS 文件移出条件并将其设为全局。

所以，是的，请检查 bootstrap-select CSS 是否正在加载。