如何更改輸入的數字值的文本字段大小？

enter image description here 如何更改輸入的數字值的文本字段大小？

這是我的註冊表單用戶界面。正如您可以看到輸入數字值（Service_fee，Supplier_price，Total）的文本字段隱藏輸入值的一半。我使用bootsrap來設計這個UI。我試着通過使用input-large來改變txtfield的類屬性。
**
但還是完整的價值沒有顯示.. :( 下面給出的是我的代碼請幫助我..

 <body> 

      <div class="container"> 
      <form action="MobilePhoneRepairing.php" method="POST" class="form-inline"> 
       <h1 class="font">Mobile Phone Registration</h1>   
      <div class="navbar"> 
       <div class="navbar-inner"> 
        <div class="container"> 
         <ul class="nav"> 
          <li class="active"><a href="#">Home</a></li> 
          <li><a href="#">Projects</a></li> 
          <li><a href="#">Services</a></li> 
          <li><a href="#">Downloads</a></li> 
          <li><a href="#">About</a></li> 
          <li><a href="#">Contact</a></li> 
         </ul> 
        </div> 
       </div> 
      </div> 

      <div class="span10" > 
       <div class="control-group form-horizontal"> 
        <p> 
         <label class="floated" for="sdate"><b>Select Date :</b></label> 

         <input type="date" name="sdate" id="sdate" class="input-medium" /> 
         <br class="clear"/> 
        </p> 
       </div> 
       <div class="control-group form-inline"> 
        <p> 
         <label class="floated" for="model_no"><b>Model no :</b></label> 
         <input type="text" name="model_no" id="model_no" class="input-medium" placeholder="Enter Modle No" /> 
         <br class="clear" /> 
        </p> 
       </div> 
       <div class="control-group form-inline"> 
        <p> 
         <label class="floated" for="service_fee"><b>Service fee :</b></label> 
         <input type="number" name="service_fee" id="service_fee" class="input-medium" /> 
         <br class="clear" /> 
        </p> 
       </div> 
       <div class="control-group form-inline"> 
        <p> 
         <label class="floated" for="sp_name"><b>Supplier name :</b></label> 
         <input type="text" name="sp_name" id="sp_name" class="input-medium" placeholder="Enter Supplier name " /> 
         <br class="clear" /> 
        </p> 
       </div> 
       <div class="control-group form-inline"> 
        <p> 
         <label class="floated" for="sp_price"><b>Supplier price :</b></label> 
         <input type="number" name="sp_price" id="sp_price" class="input-medium" onkeyup="doMath();"/> 
         <br class="clear" /> 
        </p> 
       </div> 
       <div class="control-group form-inline"> 
        <p> 
         <label class="floated" for="description"><b>Description :</b></label> 
         <textarea class="textarea" name="description" rows="2" cols="12" placeholder="Enter item description"></textarea> 
         <br class="clear" /> 
        </p> 
       </div> 
       <div class="control-group form-inline"> 
        <p> 
         <label class="floated " for="total"><b>Total :</b></label> 
         <input type="number" name="total" id="total" class="input-medium" /> 
         <br class="clear" /> 
        </p> 
       </div> 
       <div class="control-group form-inline"> 
        <p> 
         <label class="floated"> &nspar; </label> 

         <input type="submit" class="btn-info " name="save_data" value="Save" id='savedata' /> 
         <input type="reset" class="btn-primary " name="reset" value="Reset Form" id='reset' /> 
         <br class="clear"/> 
        </p> 
       </div> 
      </div> 
     </form>  
    </div> 
</body>

來源

2013-12-09 Dilini

如果下面的Rafa的答案不適合你，請編輯[this jsFiddle]（http://jsfiddle.net/d62zW/）並重新創建你的問題。然後單擊更新併發布新的jsFiddle URL到你的問題，像這樣：'[jsFiddle示例]（http://jsfiddle.net/d62zW/）' – gibberish

@gibberish謝謝你的答案.. :)但我coludn' t找到你所做的改變.. – Dilini

使用CSS添加自定義高度。

.input-medium{ 
    height: 35px; 
}

如果這不鐵鍋你，嘗試使用「重要！」：

.input-medium{ 
    height: 35px !important; 
}

希望它有幫助！

來源

2013-12-09 17:13:45

只是儘量避免使用'！important'儘可能多的說明。 – sbeliv01

當然@ sbeliv01你是對的！我作爲最後的選擇告訴了！ –

身高：25px對我來說已經夠了。感謝你的工作。 – Dilini

如何更改輸入的數字值的文本字段大小？

回答

相關問題