使用Bootstrap时如何在输入元素中使字体更大？

Question

我有一个带有几个输入的表单，使用Bootstrap进行样式设置。

我需要将文本输入字段的字体大小设置为比平常更大的字体（比如32px）。这大于默认情况下引导程序input-lg所带来的字体大小。

我尝试更改CSS中input-lg类的字体大小，但没有任何变化。

实现这一目标的最佳方法是什么？

Answer 1

字体大小32px对于输入来说真的很大。 我假设input-lg是该输入字段的类名，所以要做到这一点 在你的CSS上添加：

.input-lg {
  font-size: 32px;
}

或

input {
  font-size: 32px;
}

<强>更新

关于实现它的最佳方法，您必须为该特定输入字段设置类名，以便它不会影响其他字段。

e.g。

<强> HTML

<input type="text" name="username" class="username-field input-lg" />

<强> CSS

.username-field {
  font-size: 32px
}