使用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”时工作正常。