在角度材料 13+

Question

添加星号是 Angular Material v13 表单字段中的新默认行为。 然而，如果你仔细查找，星号前面有一个空格。在页面上它呈现（稍微简化）为：

<span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker"> *</span>

如果我决定更改星号的颜色， 我会用

.mat-placeholder-required.mat-form-field-required-marker {
  color: blue;
}

如此处建议ANGULAR：如何更改材料中所需的*？左右。

但是，我需要删除星号之前的空格，以便它在输入字段中看起来像 名* 代替 名字 *.

有办法定制吗？

附注由于项目很大，使用

[hideRequiredMarker]="true"

并添加手动星号（使用名字*作为占位符）似乎不是一个选择。最好采用通用解决方案。

Answer 1

在您的主 CSS 文件（style.css、custom.css）中，添加以下行。

.mdc-floating-label--required {
    margin-left: 5px;
}

根据需要进行调整。