【问题标题】: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() 一起使用。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-01-05
    • 2013-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-10
    • 1970-01-01
    相关资源
    最近更新 更多