我正在使用jquery-ui-1.10.3.custom.min.css我试图将滑块手柄更改为图像。
当我使用以下CSS和HTML时，它可以工作。
.CSS：
.slider-basic .ui-slider-handle {
width:50;
height: 50;
background: url(images/slider/50x50.png) no-repeat;
border: none;
}
.HTML：
<html>
<div class="slider slider-basic bg-red"></div>
</html>
但是我需要将滑块更改为垂直，因此 HTML 变为
<div id="slider-vertical" class="slider bg-green"></div>
而且 CSS 似乎根本不起作用。你能帮我找出原因吗？
如果 HTML 是这样的：
<div id="slider-vertical" class="slider bg-green"></div>
您需要以下 CSS：
#slider-vertical .ui-slider-handle {
background: url(images/slider/50x50.png) no-repeat;
border: none;
}
在以前的 HTML 中，您可以设置类。在此新 HTML 中，设置 ID。