Css 下拉列表被隐藏

使用引导的html代码：

    <div class="col-md-2">
    <div class="form-group">
         <label id="lbl_dataset">Select Number</label>
         <select class="selectpicker">
           <option>1</option>
           <option>2</option>
           <option>3</option>
           <option>4</option>
           <option selected="selected">5</option>
           <option>6</option>
         </select>
       </div>
       </div>

选择号码
1.
2.
3.
4.
5.
6.

这里的问题是下拉列表是隐藏的，只有在多次刷新页面后才可见

调试时，发现下拉列表由于此css代码而消失

select.bs-select-hidden，select.selectpicker{ 显示：无！重要；}

多次尝试覆盖引导css，但都没有成功

---

你知道如何覆盖引导css吗？

如果你没有通过CDN使用引导：在Chrome开发工具中，检查选择器，找到显示：none行。代码行的右边显示了它所在的文件。有了这些信息，您可以手动删除该行，而不是覆盖它。

加载bootstrap-select.js肯定有问题

“选择”元素应隐藏。当“引导选择”加载时，它隐藏“选择”并创建包含所有列表项的新div

bootstrap-select.css-隐藏“选择”（以及其他内容）

---

bootstrap-select.js-创建新的HTML元素（例如新的下拉列表div）

我认为您可以使用内联CSS来执行可见下拉列表。阅读CSS。您需要更高的CSS专用性值&an！重要的是要覆盖它。如果使用引导CDN，则可能无法覆盖它。在本地添加引导，然后重试。