尝试更改错误消息的边框颜色。这是我的 html 代码
<div class="form-group">
<label>Name:</label>
<div class="wpr">
<div class="wpr__icon">
<i class="fa fa-user"></i>
</div>
<input #name="ngModel" id="name" name="name" type="text" class="form-control text-line" [(ngModel)]="PersonInfo.name"
pattern="[a-zA-Z0-9\s]+" required>
</div>
<ul class="alert-error" *ngIf="name.touched && name.errors">
<li *ngIf="name.errors.required"> Name is required. </li>
<li *ngIf="name.errors.pattern">Invalid name.</li>
</ul>
</div>
目前正在显示错误消息,但我想将文本框边框颜色更改为红色。怎么做。
这是另一个解决方案。
input.ng-invalid.ng-touched {
border: 1px solid red;
}
如果检查输入字段,您可以看到 Angular 动态附加到您可以利用的元素的一些 css 类。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)