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

슬라이더 입력 번호를 표시하는 입력이 있기 때문에. 이것을 숨기고 슬라이더 여백을 다시 설정하십시오.

확인 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; 
}