Script.aculo.us滑块有2种颜色

Question

如何为两个手柄之间的区域定义除轨道背景颜色以外的其他颜色？

更新08/06/2013： 我创建了一个带有两个句柄的Price范围滑块，其中包含以下HTML

<div id="price_slider">
    <span id="price_handle_min">&gt;</span>
    <span id="price_handle_max">&lt;</span>
</div>

继JS之后，使用Prototype V1.7＆amp; script.aculo.us slider.js v1.8.2

使用以下脚本设置滑块：

Event.observe(window, 'load', function() {
    var handles = [$('price_handle_min'), $('price_handle_max')];
    var sliderValues = [0, 100];
    var slider = new Control.Slider(handles, 'price_slider', {
        range : $R(0, 100, false),
        step : 1,
        sliderValue : sliderValues,
        values : [0,20,40,60,80,100],
        restricted : true,
        onChange : function(val) {
            alert(val);
        },
        onSlide : function(val) {
            alert(val);
        }
    });
});

当前滑块：

Desired Slider：