2014-01-27 24 views
0

我正在使用JQMobile Range Slider。我希望刪除使用ui-hidden-accessible類可以刪除的輸入框。然而,它並沒有刪除滑塊之前的空間,看起來很奇怪。請告知我如何移除左側的領先空間。如何刪除JQ Mobile中的Range Slider之前的空格

下面是兩個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

你要修改或重寫此CSS來適應:

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

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

+0

如果我需要將其應用於其中一個滑塊(第二個),那麼該怎麼辦? d保持原來的其他滑塊? – Anjum

+0

在CSS選擇的基礎知識中採取一些措施。您可以通過多種方式定位個人表單。將ID放在表單上,​​或者使用表單的索引:nth-​​child()。 – isherwood

相關問題