css - 如何为不同类型的控件赋予相同的维度

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;}