提问者:小点点

如何对有角度的材料组件进行个性化设计?


我在一个组件内使用两个角形材料组件:

null

<!-- First input -->
<mat-form-field>
    <mat-label>Password</mat-label>
    <input matInput type="text">
</mat-form-field>

<br>

<!-- Second input -->
<mat-form-field>
    <mat-label>Password</mat-label>
    <input matInput type="text">
</mat-form-field>

null

在这些输入字段被聚焦之前,它们应该查看以下内容

我需要蓝色的第一个输入mat-label时,它是聚焦和标签浮在左上角。

对于第二个输入mat-label,我想要黑色

有谁能帮我做到这一点吗?多谢


共1个答案

匿名用户

可以使用CSS中的指令::ng-deep对子组件进行样式化。

但在您的上下文中,输入是组件的一部分,因此您可以使用mat-form-field input[matInput]{}选择它