jquery - 将 jQuery 移动 slider 与按钮对齐

Question

我正在使用 jQuery 移动 slider ，我希望它与下面的提交按钮对齐。它与下面的提交按钮明显偏移。

我认为这与我隐藏 slider-input 有关。

<style type="text/css">
    input.ui-slider-input {
    display:none !important;
}

div.ui-slider {
    width: 96%;
}

</style>

<input type="range" name="slider-1" id="slider-1" value="50" min="0" max="100" />

Answer 1

因为有一个显示 slider 输入数字的输入。隐藏它并再次设置 slider 边距。

查看DEMO http://jsfiddle.net/yeyene/Rdfxs/4/

#myForm .ui-slider-input {
    display:none !important;
    width:1px !important;
    height:1px !important;
}
#myForm .ui-slider-track {
    width:100% !important;
    float:left;
    margin: 0 !important;
}