如何为不同类型的控件提供相同的尺寸

Question

我在每一行都有一系列控件（下拉列表，文本框，按钮，......）。我希望他们拥有相同的高度。唯一的问题是我需要手动调整每个元素的高度，因为Dropdownlist的25px似乎与文本框的25px不同。例如，文本框总是更大。有通用的方法吗？

感谢您的帮助。

Answer 1

您可以将以下内容应用于您尝试调整大小的所有元素：

.box-model {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    height:32px;
}

这将使它们，包括选择框符合您定义的规则。这在旧版本的IE中不起作用。 IE6和7在样式选择框和输入字段方面非常糟糕，并且不支持上述CSS。

Answer 2

input, textarea, select, select>option { width:150px; height:50px; line-height:50px;}