使用 Bootstrap 时如何增大输入元素中的字体大小？

Question

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

我需要将文本输入字段的字体大小设置为比平常更大的字体大小（例如 32px）。这比 bootstrap 默认情况下的字体大小要大input-lg。

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

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

Answer 1

字体大小 32px 对于输入来说确实很大。我假设input-lg是该输入字段的类名，因此要在您的 css 上添加以下内容：

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

或者

input {
  font-size: 32px;
}

更新

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

例如

html

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

CSS

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