CSS如何使选择选项位于滑块之前？

我正在使用select library和noUiSlider。我面临的问题如下图所示

我已经用默认样式“select theme default.css”更改了“select”的选项，滑块是在“noUislider.js”的帮助下创建的。滑块的z索引比选项高，我想更改它。我尝试将“.select option”类的z索引更改为5，并尝试将“.noUi connect”类更改为2。但它不起作用。当我检查“.noUi connect”并完全删除z-index属性时，它在某种程度上起作用。

尝试更改css（替换下面的css）

或者你可以覆盖它

位置：相对位置； z指数：99

---

这里新增了

您能提供选择和滑块的css吗？@AashiqRathnadas，这将要长得多。我应该给Gitub的链接吗？只需要的值。选择选项，如果不行，将移动到git@AashiqRathnadas

.select.select-theme-default {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: relative;
    z-index: 99;
}