我正在使用带有JQuery Mobile 1.4.2的范围滑块,我想更改突出显示背景,但我无法使其正常工作。
我通过Theme Roller创建了我的主题,我有两个:主题 A(左图)和主题 B(右图)。我希望我的 rangeslider 像主题 B。
我尝试在范围滑块中写入数据轨道主题,但突出显示背景消失了:
<div data-role="rangeslider" data-mini="true" data-track-theme="b">
<label for="range-1a">Rango de números a utilizar (1-100)</label>
<input type="range" min="1" max="100" value="1" >
<input type="range" min="1" max="100" value="30">
</div>
看起来像这样:
我也尝试使用CSS更改高亮背景:
.ui-slider-track{
background: #FFCC99!important;
}
.ui-slider .ui-btn-active{
background: #FF8000!important;
}
.ui-rangeslider .ui-btn-active{
background: #FF8000!important;
}
一切似乎都很好,但是当我移动左侧控件时,突出显示背景消失,而当我移动右侧控件时,突出显示背景再次出现。
知道如何解决吗?谢谢!