ブートストラップ形式でフィールドの高さを選択

Question

選択フィールドのサイズは、スクリーンショットに示されているようにブートストラップファイルによって影響を受けています。この問題の解決方法を見つけることができません。

<form> 
     <div class="form-group"> 
     <label for="name" class="labstyle">Enter Your Name</label> 
     <input type="text" class="form-control" name="name" size="20" 
     maxlength="40" placeholder="Enter You Name" required autofocus> 
     </div> 
      <div class="form-group"> 
     <label for="sell" class="labstyle">Chose Your Wish:</label> 
     <select class="form-control" id="sell"> 
     <option value="0" hidden="hidden" disabled="" selected="">Chose Your 
     Wish</option> 
     <option value="morning">Good Morning</option> 
     <option value="night">Good Night</option> 
    </select> 
     </div> 
     <div class="form-group"> 
     <label for="message" class="labstyle">Message</label> 
     <textarea class="form-control" name="message" rows="3" cols="40" 
    placeholder="Optional" maxlength="92"></textarea> 
     </div> 
     <button type="submit" class="btn" id="btncustom">Create</button> 
    </form> 

Answer 1

[OK]を、あなたのカスタムselect.form-controlクラス内で、そのようなことのためにline-height財産を減少しよう：

line-height: 1.0; 

または多分小さい値。

Answer 2

このクラスをカスタムスタイルシート（cssファイル）に追加します。

.form-control{ 
    height:30px; 
    line-height:30px; 
    padding:6px; 
    }