javascript - jQuery UI slider - 它看起来像这样吗？

Question

可以将 jQuery UI Slider 制作成这样吗？如果是怎么办？

Answer 1

编辑: 使用 range slider 时是可能的

DEMO

#slider {
 margin: 10px;
 height: 3px;    
}
#slider a {
    background-image: url("<!-- Your image -->") !important;
}

#slider .ui-slider-range { background-color: #58BEEA; background-image: none; }

可以像您所拥有的那样更改 jQuery slider ，但仅使用 CSS 无法对常规 slider 表示表示进度区域的蓝色和灰色部分。

您可以将它发挥到极致，添加 div.. 但对于一个简单的 slider 来说，它的内容太多了。

#slider {
 margin: 10px;
 height: 3px;    
}
#slider a {
    background-image: url("<!-- Your image for sider-->") !important;
}

DEMO