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。