縮小引導程序3中的下拉列表的大小

Question

我想降低輸入字段的高度。所以，我創建了一個CSS類

.input-field { 
    height: 20px 
} 

這工作正常文本字段，也減少了下拉列表的高度。但是，在下拉菜單中選擇文本被剪切。我怎樣才能確保下拉內的全部文本可見

這裏是小提琴 - 切https://jsfiddle.net/zvn3wknj/

選擇文本「批准」和「拒絕」，並不能正確顯示。

Answer 1

輸入標籤調整padding：

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

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

Answer 2

您可以添加填充頂和padding-底部。我希望它能爲你工作。

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

Answer 3

添加這個CSS

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