Alignement du curseur mobile jQuery avec le bouton

Question

J'utilise un curseur mobile jQuery et je veux l'aligner avec le bouton de soumission ci-dessous. Il est sensiblement décalé avec le bouton de soumission ci-dessous.

Je pense que cela a quelque chose à voir avec ma cacher la 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

Parce qu'il existe une entrée indiquant le numéro d'entrée du curseur. Masquez ceci et définissez à nouveau la marge du curseur.

Vérifiez la 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; 
}