Javascript 在动态生成的元素中重写css

我使用的是

bootstrap select

，它在

select

之上添加了

div

。换句话说，我定义：

<select id="@Html.IdForModel()" 
    name="@Html.NameForModel()" 
    class="selectpicker form-control" 
    data-live-search="true"></select>
...

 var selectBox = $('#@Html.IdForModel()');
 selectBox.selectpicker()

...
var selectBox=$（'#@Html.IdForModel（）'）；
selectBox.selectpicker（）

但在使用开发工具的页面中，我看到：

<div class="btn-group bootstrap-select form-control">
  <button .../>
  <div class="dropdown-menu open" .../>
  <select .../>
</div>

现在我需要将这个外部div设置为“display:block”，这就解决了我遇到的一些布局问题。但是

btn组

和

引导选择

都应用

“显示：块内联”

我试过：

• 在单独的css文件中为

  引导选择定义我自己的样式

• 添加

  ！对我的定义很重要

• selectBox.parent（）.addClass（“选择父div”），我的css有：
  。选择父div{display:block！important}

---

唯一有效的方法是

selectBox.parent（）.css（“显示”、“块”）您需要检查应用引导的样式是否标记为！在这种情况下，css不会考虑你的风格

我以前遇到过这个问题，工作的诀窍是在页面中使用相同的引导名称创建相同的样式，并根据需要更改属性。
您需要检查应用引导的样式是否标记为！重要的是，在这种情况下，css不会考虑您的样式，我以前遇到过这个问题，工作的诀窍是在页面中使用相同的引导名称创建相同的样式，并在需要时更改属性like@mbadeveloper它没有，但它是
更少的
——我对它有点不熟悉。应用的规则如下所示：
.bootstrap-select.btn-group{&:not（.input-group-btn），&[class*=“col-”]{float:none；display:inline block；margin left:0；}
@mbadeveloper哇！复制less的一部分并对其进行修改实际上是有效的。如果您将此作为答案发布，我将接受它