twitter-bootstrap - 使用 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
}