jquery - 使用 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 > select 样式，该样式应用于样式元素，这将隐藏正常的下拉列表。

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