ブートストラップ3のドロップダウンのサイズを小さくする

Question

入力フィールドの高さを小さくしたい。だから、私はCSSクラスを作成しました

.input-field { 
    height: 20px 
} 

これは、テキストフィールドでうまく動作し、ドロップダウンの高さも減少します。ただし、ドロップダウンでは選択テキストがカットされます。 https://jsfiddle.net/zvn3wknj/

選択テキスト「承認」と「拒否」カットされ、正しく表示されない - どのように私は、ドロップダウン内の完全なテキストは、ここで表示さ

あるフィドルであることを確認することができます。

Answer 1

は、inputタグにpaddingを調整します。

.input-field { 
    height: 20px; 
    padding: 2px 10px; 
} 

https://jsfiddle.net/zvn3wknj/2/

Answer 2

あなたはパディングトップとパディング下を追加することができます。それがあなたのために働くことを願っています。

.input-field { 
    height: 20px; 
    padding-top:0px; 
    padding-bottom:0px; 
} 

Answer 3

select.input-field{padding: 2px 12px;} 

このCSSを追加