按钮文字颜色不变

Question

我正在尝试使用Angular材质1.0.9版本使用重音调色板颜色来更改md按钮文本颜色。但它并没有改变按钮文字的颜色。 如果我正在使用最新的测试版，它就得到了修复。但我不会用这个不稳定的版本进行制作。

代码：

<md-toolbar class="md-primary md-hue-1">
                <div class="md-toolbar-tools">
                    <md-button class="md-accent">My Profile</md-button>
                </div>
 </md-toolbar>

以下是plnkr网址：

Angular material 1-0-9 Plnkr URL

Angular材料最新测试版Plnkr URL

有人可以建议修复吗？

Answer 1

对于V1.0.9， md-accent中的md-toolbar 似乎不适用于非凸起的按钮，但仅适用于凸起的按钮。它适用于md-toolbar以外的非凸起按钮。

修复将是CSS

.md-toolbar-accent span {
    color: #6A1B9A;
}

Plunker

Answer 2

我已检查并发现md-accent被md-toolbar中的某些类覆盖，如下图所示

因此，如果您仍想使用该颜色，只需添加新类

.md-button.md-accent {
    color: rgb(106,27,154) !important;
}