jquery滑块改变覆盖区域的颜色

Question

我正在使用jquery滑块我希望将范围滑块覆盖区域的背景颜色更改为绿色并以红色休息并且想要使滑块手柄位置固定 任何帮助将不胜感激

＆＃13;

＆＃13;

.slabHeight
{
    margin-top:50px;
}
#WrapperSlabSlider .ui-widget-content
{
    background:#CB4335;
}
#SlabRangeSlider label {
    position: absolute;
    width: 20px;
    margin-left: -10px;
    text-align: center;
    margin-top: 20px;
}
#SlabRangeSlider .ui-slider-range .ui-widget-header .ui-widget-content { 
    background-color:#117A65; 

}

#SlabRangeSlider  .ui-slider-handle {
    background: #ffffff;
    border: 3px solid #f15a23 ! important;
}

＆＃13;

<div id="WrapperSlabSlider" class="slabHeight">

  <div id="SlabRangeSlider">

  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

所需结果

我的输出