如何在 JQ Mobile 中删除 Range Slider 之前的空格答案

【问题标题】：How to remove space before Range Slider in JQ Mobile如何在 JQ Mobile 中删除 Range Slider 之前的空格
【发布时间】：2014-01-27 18:52:36
【问题描述】：

我正在使用 JQMobile 范围滑块。我希望删除使用 ui-hidden-accessible 类可以摆脱的输入框。但是，它不会删除看起来很奇怪的滑块之前的空间。请告知如何删除左侧的前导空格。

这是两者的 HTML：

<form class="full-width-slider">
    <input type="range" data-mini="true" name="TimePage" id="TimePage" data-highlight="true" min="0" max="100"  value="50" onchange="DisplaySliderTime()">
</form>                    


<form class="full-width-slider">
    <input type="range" class="ui-hidden-accessible" data-mini="true" name="TimePage" id="TimePage" data-highlight="true" min="0" max="100"  value="50" onchange="DisplaySliderTime()">
</form>

这是jsfiddle

【问题讨论】：

标签： javascript jquery html slider range

【解决方案1】：

您需要修改或覆盖此 CSS 以适应：

.ui-slider-track, .ui-slider-switch {
     margin: 0 15px 0 68px;
}

例如：http://jsfiddle.net/EWQ6n/493

【讨论】：

如果我需要在其中一个滑块（第二个）上应用它并保持另一个滑块不变呢？
了解 CSS 选择的基础知识。您可以通过多种方式定位单个表单。将 ID 放在表单上，或将表单的索引与 :nth-child() 一起使用。