如何在mat-input中设置占位符的位置-Java 学习之路

我在mat-input中改变了一些样式 . 我得到了所有这些，但输入中占位符的位置 .

<mat-form-field>
   <input matInput type="email" name="email" [required]="true" placeholder="email" class="my-class"/>
</mat-form-field>

.my-class {
  padding: 10px;
  box-sizing: border-box;
}

当输入中有电子邮件时，这可以正常工作，但当它是空的时，占位符“email”在输入内移动，它位于顶角 .

good positoin

bad positoin

通过检查css，我发现在mat-form-field中添加和删除了一个类，它是“mat-form-field-sould-float”，我的选择器将是这样的：

mat-form-field:not(.mat-form-field-should-float) .mat-input-placeholder

但我无法使其发挥作用 .

我该怎么改变它？

1 回答

2
由于视图封装，您将无法在组件的样式表中更改输入的CSS .

您必须在项目的根目录中更改 style.scss . 您可以使用相同的选择器：
```
mat-form-field:not(.mat-form-field-should-float) .mat-input-placeholder {
  padding: 10px;
  box-sizing: border-box;
}
```
回复于 2024-05-02T11:36:50+08:00

如何在mat-input中设置占位符的位置

1 回答

相关问题