如何覆蓋 JS 應用 CSS

Question

我正在使用第 3 方多 select 下拉菜單。 如果您聽說過 select2，您就會明白。 多個 Select 下拉菜單是通過名為 select2.min.js 的 JQuery 創建的，下拉菜單的寬度是自動計算的。 如何在其上應用 static，因為據我所知，js 應用的 css 是最高優先級。

按照 JQuery 生成代碼

<span class="select2 select2-container select2-container--default select2-container--focus" dir="ltr" data-select2-id="1" style="width: 323px;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-disabled="false">
  <ul class="select2-selection__rendered">
    <li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li>
  </ul>
</span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>

Answer 1

對 CSS 使用!important屬性。

Answer 2

有幾種方法可以刪除 CSS，每種方法都有自己的優先級。 在您的情況下，簡單地將.important 添加到 css class 可以修復它。 但是，如果您希望將來更改該值，則可能會遇到困難。

您可以嘗試使用 Jquery.css() function 更改 css 值，看看是否有幫助。 如果沒有，您可以嘗試在 css 中編寫更具體的 selecotr，它比庫中的默認優先級具有更高的優先級。