2013-09-22 41 views
1

有人能告訴我如何增加jQuery Mobile滑塊的輸入區域的寬度,而不會丟棄控件的其餘元素。輸入區域裁剪大量數字。jQuery Mobile Slider輸入不夠寬

<!DOCTYPE html> 
<html> 
<head> 
<link href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
</head> 
<body> 

    <section id="page1" data-role="page"> 
     <header data-role="header" data-theme="a"  data-position="fixed"> 

     </header>    <div data-role="fieldcontain" id="trDesiredAnnuityPayment"> 
        <label id="PremiumText" for="txtDesiredAnnuityPayment">Desired Payment</label> 
        <input type="range" id="txtDesiredAnnuityPayment" name="txtDesiredAnnuityPayment" 
        step="1000" value="2088880" min="1000" max="5000000"> 
       </div> </section> 
    </body> 
</html> 
+0

你曾經得到過這個答案嗎? – dsdsdsdsd

回答

0
#txtDesiredAnnuityPayment{ 
    width:auto; 
} 

測試谷歌瀏覽器。