如何格式化jQuery Mobile文本框

我有一個非常簡單的jquery移動頁面。它有一個頁眉，一個頁腳，身體已經要求用文本框輸入登錄名和密碼，然後你可以提交。如何格式化jQuery Mobile文本框

我的問題是，jQuery Mobile使文本框容納大約100個字符，使我的整個顯示方式太小。有沒有辦法強制它使文本框只能容納大約12個字符，然後讓所有內容更大？

這裏是我的代碼：

<div data-role="page" id="login"> 
    <div data-role="header"> 
     <h1>heade</h1> 
    </div> 
    <div data-role="content"> 
     <form action="login.py" id="login_form" data-ajax="false"> 
     <div data-role="fieldcontain"> 
      <label for="name" style="font-size: px; font-weight: bold;"> User Name: </label> 
      <input type="text" name="uname" minlength="3" /> 
     </div> 
     <div data-role="fieldcontain"> 
      <label for="password"> Password:&nbsp;&nbsp; </label> 
      <input type="password" name="password" /> 
     </div> 
     <div id="submitDiv" data-role="fieldcontain"> 
      <fieldset class="ui-grid-a"> 
       <div class="ui-block-a"> 
        <input type="reset" value="Reset" /> 
       </div> 
       <div class="ui-block-b"> 
        <input type="submit" value="Submit" /> 
       </div> 
      </fieldset> 
     </div> 
     </form> 
     </div> 
     <div data-role="footer"> 
      <div data-role="navbar"> 
       <ul> 

       </ul> 
     </div> 
    </div> 
</div>

來源

2011-10-15 Joe

您是否希望文本輸入元素只有12個字符*寬*，或只能*保留* 12個字符，或兩者兼有？ –

我主要希望它是12寬，內容中的一切都更大。 – Joe

我看到這個帖子是舊的，但也許這將幫助別人......

你嘗試添加這樣的事情你的CSS？

div input { width: 12px !important; }

來源

2012-01-17 21:56:29 Rebecca

如何格式化jQuery Mobile文本框

回答

相關問題