css - Bootstrap : Email field has smaller height than text field

Question

我有一个包含文本和电子邮件字段的表单。 Bootstrap 始终以比文本或密码字段更小的高度呈现电子邮件字段。知道如何解决这个问题吗？我正在使用 Rails 标签“text_field”和“email_field”来生成表单。

Answer 1

尝试使用 css font-size 属性显式设置每个字段的 div 的字体大小。

示例(在您的 css 文件中):

div.email_field {
    font-size: 16px;
}
div.text_field {
    font-size: 12px;
}