CSS如何使选择选项出现在滑块之前？

Question

我正在使用精选库http://github.hubspot.com/select/和noUiSlider https://refreshless.com/nouislider/。我面临的问题如下图所示

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

Answer 1

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

.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;
}

或者你可以覆盖它

职位：相对;         z-index：99;

是新添加的