自定义jQRangeSlider标签的位置

Question

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



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

Answer 1

更简单的方法是不移动标签的位置，而是移动向下箭头的位置，因为标签的位置是在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;
}