jQuery EasyUI對話框元素大小？

Question

我第一次玩jQuery EasyUI。我試圖弄清楚，如果可能的話，如何在對話框中更改標籤和輸入大小/屬性？基本上我想使輸入框稍大，但我無法弄清楚如何改變這些。

<div id="dlg" class="easyui-dialog" style="width:500px;height:280px;padding:10px 20px" 
     closed="true" buttons="#dlg-buttons"> 
    <div class="ftitle">Prospect Information</div> 
    <form id="fm" method="post" novalidate> 
     <div class="fitem"> 
      <label>Prospect Name:</label> 
      <input name="Name" class="easyui-validatebox" required="true"> 
     </div> 
     <div class="fitem"> 
      <label>Phone:</label> 
      <input name="Phone"> 
     </div> 
     <div class="fitem"> 
      <label>Email:</label> 
      <input name="Email" class="easyui-validatebox" validType="email"> 
     </div> 
     <div class="fitem"> 
      <label>Received Datetime:</label> 
      <input name="rcvd_datetime" class="easyui-validatebox" required="true"> 
     </div> 
    </form> 
</div> 

Answer 1

嘗試添加該頁面的頂部：

<style> 
    label { 
     width: 200px; 
    } 
    input { 
     height: 30px; 
    } 
</style> 

，或者如果你想不同individualy每個元素添加樣式屬性，每一個標籤，就像這樣：

<div class="fitem"> 
    <label style="width: 200px;">Phone:</label> 
    <input name="Phone" style="height: 30px;"> 
</div>