對齊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; 
}