Question

我正在使用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似乎根本不起作用。你能帮我找一下原因吗？

Answer 1

如果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。