如何覆盖 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 是为该选择框指定的类。