jquery - 自定义 jQRangeSlider 标签的位置

Question

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



有问题的网站在这里: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;
}