将jQuery移动滑块与按钮对齐

Question

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

我认为这与我隐藏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

因为有一个输入显示滑块输入编号。隐藏此项并再次设置滑块边距。

检查演示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;
}