html - 如何将 Bootstrap bg-x(例如 bg-danger)类添加到输入文本框？

Question

与 Bootstrap 的 bg-danger 类关联的背景颜色未应用于类 form-control 的输入文本框。如何做到这一点？

<div class="form">
    <div class="form-group has-error">
        <input type="text" class="form-control bg-danger">
    </div>
</div>

Answer 1

form-control 类的样式定义位于 bootstrap.css(或 bootstrap.min.css)中 bg-danger 类的样式定义之下。因此，表单控件样式会用白色覆盖背景颜色。

您需要在某处创建自己的自定义类/样式，以使用不同的背景颜色覆盖表单控件。