CSS如何使select選項位於滑塊之前？

Question

我正在使用選擇庫http://github.hubspot.com/select/和noUiSlider https://refreshless.com/nouislider/ 。 下圖顯示了我面臨的問題

我更改了“選擇”選項的默認樣式為“ select-theme-default.css”，並在“ noUislider.js”的幫助下創建了滑塊。滑塊的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索引：99；

在這里新添加