如何在 ng-required 中更改星号符号的颜色答案

【问题标题】：How to change color of an asterisk symbol in ng-required如何在 ng-required 中更改星号符号的颜色
【发布时间】：2018-01-02 22:12:35
【问题描述】：

我正在使用棱角分明的材料。我想根据需要选择框。使用 ng-required 后，选择框的标签显示为灰色的星号符号。我希望这个星号符号为红色。但我无法修复它。谢谢

<md-input-container flex="50">
    <label>Favorite Color</label>
    <md-select name="favoriteColor" ng-model="favoriteColor" required>
      <md-option value="red">Red</md-option>
      <md-option value="blue">Blue</md-option>
      <md-option value="green">Green</md-option>
    </md-select>
  </md-input-container>

【问题讨论】：

标签： html css angularjs angular-material

【解决方案1】：

你可以使用这个 CSS 规则：

md-select .md-select-value span:first-child:after {
  color:blue !important;
}

【讨论】：

【解决方案2】：

尝试添加这个css：

md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
   color:red;
}

【讨论】：

谢谢。但它在选择框中不起作用。它仅适用于输入 ng-required。