下拉列表中隐藏使用引导

的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>

这里的问题是，下拉菜单是隐藏的，它只是变得刷新页面多次后可见。

在调试时，发现下拉就是因为这个CSS代码消失

select.bs选隐藏，select.selectpicker { 显示：无重要; }

试了很多次，以覆盖引导CSS，但它没有奏效。

任何想法如何覆盖引导CSS？

来源

2017-04-07 Saif Manea

我想你可以使用内联CSS为了做下拉可见。 – user3441151

阅读css特异性。您需要更高的CSS特异性值和重要的重写值。 – slashsharp

如果您使用引导CDN，则可能无法覆盖它。在本地添加引导，然后尝试。 – LKG

如果您没有通过CDN使用引导：在Chrome开发工具中，检查picker，找到display：none行。代码行的权利说明它位于哪个文件。通过该信息，您可以手动删除该行而不是覆盖该行。

来源

2017-04-07 10:34:47

一定有什么错装载引导-select.js

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

引导-select.css - 隐藏 “选择”（除其他事项外）

引导-select.js - 创建新的HTML元素（如新下拉格）

来源

2017-04-07 15:41:28 DenisSt

下拉列表中隐藏使用引导

回答

相关问题