2016-07-11 6 views
1

Ich versuche, md-Taste Textfarbe mit Akzent Palette Farbe mit Angular Material 1.0.9 Version zu ändern. Aber es ändert nicht die Farbe des Knopftextes. Wenn ich die neueste Beta benutze, wurde es repariert. Aber ich werde nicht mit dieser instabilen Version zur Produktion gehen.Button Textfarbe ändert sich nicht

Code:

<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> 

Im Folgenden sind die plnkr Urls:

Angular Material 1-0-9 Plnkr URL

Angular Material Neueste Beta Plnkr URL

jemand einen Fix vorschlagen kann?

+0

ich sah es auf plnkr 1-0-9 arbeitet geteilt Sie oben, und wenn das Element inspizieren ich sah auch Farbe: rgba (0,0,0,0.87) dies Ihr erwartete Verhalten ist, ? – trungk18

+0

Meine erwartete Farbe ist in der neuesten Beta PLNKR. Lila: 800 Palette – Karthik

Antwort

0

Es scheint, dass mit V1.0.9 md-accentinnerhalbmd-toolbar nicht für nicht erhöhten Tasten funktioniert aber nur für diejenigen erhöht. Es funktioniert für nicht erhöhte Tasten außerhalb md-toolbar.

Das Update würde

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

Plunker CSS sein.

0

Ich habe zu überprüfen und fand die md-Akzent Überschreibung durch eine Klasse von md-Symbolleiste war wie Sie, wie unten Bild

Class was override

So sehen Wenn Sie noch die Farbe verwenden möchten, nur hinzugefügt neue Klasse

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