如何在JQUERY Mobile中的Range Slider之前删除空格

时间:2014-01-27 18:52:37

标签: javascript jquery html slider range

我正在使用JQMobile Range Slider。我希望删除使用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

1 个答案:

答案 0 :(得分:1)

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

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

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