更改滑块垂直手柄图像

我正在使用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似乎不是t o工作。你能帮我找出原因吗？

2016-05-26 dhayyati

请分享您的CSS太 –

您使用'.slider-basic .ui-slider-handle'类，但是我没有在您的HTML中看到它，是否通过'JQuery UI'实时加载？ – Randy

我将.slider-basic更改为.slider-vertical ...但没有发生任何事情。我不知道哪个代码我应该改变 – dhayyati

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

2016-05-27 15:30:53 Twisty

回答