2013-09-22 40 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; 
} 

测试谷歌浏览器。