CSS 如何让 select 选项出现在滑块之前?
CSS how to make select option come before a slider?
我正在使用 select 库 http://github.hubspot.com/select/ and noUiSlider https://refreshless.com/nouislider/。我遇到的问题如下图所示
我已经用 "select-theme-default.css" 的默认样式更改了 "select" 的选项,并且在 "noUislider.js" 的帮助下创建了滑块。滑块的 z 索引比选项高,我想改变它。我尝试将“.select-option”class 的 z-index 更改为 5,并尝试将“.noUi-connect”的 class 更改为 2。但它不起作用。当我检查“.noUi-connect”并完全删除 z-index 属性 时,它在某种程度上起作用了。
尝试更改 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;
此处新增
我正在使用 select 库 http://github.hubspot.com/select/ and noUiSlider https://refreshless.com/nouislider/。我遇到的问题如下图所示
我已经用 "select-theme-default.css" 的默认样式更改了 "select" 的选项,并且在 "noUislider.js" 的帮助下创建了滑块。滑块的 z 索引比选项高,我想改变它。我尝试将“.select-option”class 的 z-index 更改为 5,并尝试将“.noUi-connect”的 class 更改为 2。但它不起作用。当我检查“.noUi-connect”并完全删除 z-index 属性 时,它在某种程度上起作用了。
尝试更改 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;
此处新增