自定义jQRangeSlider标签的位置

时间:2017-03-21 08:07:37

标签: jquery css jquery-ui

我正在使用jQRangeSlider插件来创建日期滑块。但是我无法将标签位置更改为左/右对齐。默认为centeres dy。 有没有办法定制它的位置?或者有人可以为这个区块做出更好的决定?

enter image description here

有问题的网站位于:http://g1un.ru/navystavke/

1 个答案:

答案 0 :(得分:0)

更简单的方法是不移动标签的位置,而是移动向下箭头的位置,因为标签的位置是在js中动态计算的。

现在是:

.calendar__slider .ui-rangeSlider-leftLabel .ui-rangeSlider-label-inner {
    left: 21px;
}

您可以将其更新为:

.calendar__slider .ui-rangeSlider-leftLabel .ui-rangeSlider-label-inner {
    left: 35px;
}

表示左侧标签。

来自以下的正确标签:

.calendar__slider .ui-rangeSlider-rightLabel .ui-rangeSlider-label-inner {
    right: 12px;
}

.calendar__slider .ui-rangeSlider-rightLabel .ui-rangeSlider-label-inner {
    right: 26px;
}