Question

我想降低输入字段的高度。所以，我创建了一个css类

.input-field {
  height: 20px
}

这适用于文本字段，也可以降低下拉的高度。但是，在下拉列表中，选择文本将被删除。如何确保下拉列表中的完整文本可见

这是小提琴 - https://jsfiddle.net/zvn3wknj/

选择文字＆＃39;批准＆＃39;并且＆＃39;拒绝＆＃39;被剪切，无法正确显示。

Answer 1

在输入标记中调整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

添加此css

mvn -version    
Apache Maven 3.3.9 (bb52d8502b132ec0a5a3f4c09453c07478323dc5; 2015-11-10T18:41:47+02:00)
Maven home: C:\maven\apache-maven-3.3.9
Java version: 1.7.0_79, vendor: Oracle Corporation
Java home: C:\Program Files\Java\jdk1.7.0_79\jre

减少Bootstrap 3中下拉列表的大小

3 个答案: