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

Question

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

您会发现选择框小于其他两个输入字段。 我希望它们的尺寸完全相同。

我正在使用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;
}

检查这个启动

MDN文件