css - 当输入有文本时，bootstrap 改变它的颜色

Question

我有一个这样的表单输入(标签文本是黑色的):

当我在其中输入内容时(离开该字段后)，它会保持这样(标签文本为灰色):

如何让标签保持黑色？

这是我的输入代码:

<div class="row">
    <div class="col-md-6">
        <div class="form-group form-group-default">
            <label class="label-black">@Html.LabelFor(g => g.Street)</label>
            <input asp-for="Street" class="form-control" />
        </div>
    </div>
</div>

Answer 1

我不认为这种风格来自 twitter-bootstrap ，但如果是，则以下 CSS 规则应覆盖它:

label.label-black {
    color: #000;
}

如果这不足以覆盖当前样式，您可能需要进一步指定选择器:

form .form-group label.label-black {
    color: #000;
}

注意:必须在任何其他 CSS 声明之后应用该规则才能覆盖它们。

最后，如果不起作用，则可能涉及一些 JavaScript，在这种情况下，再多的 CSS 规范也无济于事，因为稍后将应用 JS 样式。