如何使我的选择框与Bootstrap 2.1.1中其他文本元素的大小相匹配？

Question

我想让我的选择框与上面的文本框大小相同。

见BootPly

您可以发现选择框小于其他两个输入字段。我希望它们具有完全相同的大小。

我正在使用Bootstrap 2.1.1。

Answer 1

您需要将box-sizing:border-box css属性提供给您的选择框：

.form-signin-signup select {
  margin-bottom: 15px;
  box-sizing: border-box;
}

支持跨浏览器：

.form-signin-signup select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

选中此bootply

MDN Doc

Some CSS tricks