Question

我希望我的输入与Bootstrap的错误样式相同。这个类应该从bootstrap扩展到这个怎么办？包括样式：焦点是红色发光而不是默认的蓝色发光。

.ng-invalid.ng-touched.ng-dirty:not(form) {
    // extend bootstrap style?
}

我已经使用了.has-error，只有当树上有一个元素.has-error对我来说没有意义时，这才有效。所以这有效：

.ng-invalid.ng-touched.ng-dirty:not(form) {
    @extend .has-error;
}

HTML

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

如何通过将.has-error应用于输入而不放置上层元素来使其工作。

Answer 1

实际上，你不能。此类不仅用于输入，还用于标签。这就是.has-error与.form-group一起使用的原因。

Same question和你一样。

您可以直接创建新类并直接添加样式：

.some-class:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}
.some-class {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

使用Bootstrap输入错误CSS的所有属性

1 个答案: