Bootstrap 5：更改输入字段的插入符高度（表单控件）

Question

我想在 Bootstrap 中更改输入字段（表单控件）的高度 5. 有什么解决办法吗？一个让它变得更高和更短的例子值得赞赏:)

示例代码：

<form>
  <div class="mb-3">
    <label for="exampleInputEmail1" class="form-label">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Answer 1

您可以通过调整输入字段的填充或 line-height 来提高或降低它。

input {
    padding: 3px 5px;
}

或

input {
    line-height: 25px;
}

Bootstrap 5：更改输入字段的插入符高度（表单控件）

Bootstrap 5: Change caret height of input fields (form-control)

css

bootstrap-5