html - 您可以在 Angular 8 中为使用 [disabled] 属性触发的元素设置样式吗?

标签 html css angular

我有这个按钮可以在我的网站上启动一个表单:

<button (click)="create()" *ngIf="data.new" [disabled]="!dataForm.valid" color="primary" mat-raised-button>
   Go
</button>

当满足特定条件时,它会禁用所有字段。

我的问题是,我能否仅在受 [disabled] 影响时才使用 css 设置表单样式?

最佳答案

@Eudz 的回答绝对是解决问题的好方法。但是,如果您不想在更全局的基础上为无效输入框之类的内容设置样式,您也可以使用 CSS 进行定位。 Angular 将为您在表单输入上放置类,例如 ng-invalid ng-valid ng-pristine 等等。

因此您可以使用 CSS 定位这些内容。

例如

input.ng-invalid {
    border: 1px solid red;
}

关于html - 您可以在 Angular 8 中为使用 [disabled] 属性触发的元素设置样式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58436223/

相关文章:

php - 使用php从mysql获取html数据中的下拉列表

html - <div> 内出现未知空白,没有填充或边距

angular - Ionic 使用 IdentityServer4 作为 IDP

java - 如何从 spring Controller 重定向到本地页面?

javascript - 动态调整滑动菜单左侧位置

CSS:让 div 正确重叠?

css - 如何并排放置两个 <div> 元素?

Angular Material - 分层表

angular - 类型 '' 上不存在属性 'Object'。可观察订阅

html - 当链接悬停在某些链接上时如何删除下划线?