如何覆盖其中一个select2.js元素的z-index？

Question

我有4个元素（元素1在固定标题中，元素2,3,4在我的表单中），我已应用 select2（可自定义选择框，支持搜索）。但是元素2,3,4与元素1重叠，我只需要为元素1设置 z-index ，如果我在 select2.js 中更改它，它适用于所有元素，因此元素1应位于元素2,3,4

之上

Answer 1

不是直接在select2.js中更改z-index，而是指定一个更好specificity的类。

.nav-bar .select-box {
   z-index: 
}

*其中nav-bar必须替换为您指定的导航栏的ID或类名，select-box是为该选择框指定的类。