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