angularjs - 如何更改 md-chips 中占位符的字体颜色？

Question

这是我的代码。我有一个 md-autocomplete，我想更改芯片占位符的字体颜色。

<md-chips flex class="md-accent" ng-model="vm.job.skills"
                  readonly="vm.isExpired"
                  md-autocomplete-snap
                  md-transform-chip="vm.transformSkillChip($chip)">
            <!-- Skill tags autocomplete -->
            <md-autocomplete class="md-accent" md-search-text="searchText"
                             md-items="item in vm.querySkills(searchText)"
                             md-item-text="item.name"
                             placeholder="Enter skill tags for search"
                             md-delay="200"
                             id="inputSkillTags">
                <span md-highlight-text="searchText">{{item.name}}</span>
            </md-autocomplete>
            <md-chip-template>
                <span class="md-body-1">{{$chip}}</span>
            </md-chip-template>
        </md-chips>

Answer 1

将您的样式应用到::placeholder伪元素。

.md-chip-input-container input::placeholder {color:deeppink !important;}

我发现!important属性是覆盖颜色设置所必需的。