Angular Materialien werden nicht Stile Komponenten

Question

anwenden Hier ist ein einfaches Snippet:

.profilebutton { 
 
    float: right; 
 
}

<!-- PROFILE BUTTON --> 
 
    <div class="col-md-4 profilebuttoncontainer"> 
 
    <button md-button [routerLink]="'/welcome/profile'" class="profilebutton">Profile</button> 
 
    </div>

Was genau mache ich falsch? Ich habe versucht, Symbolleisten, Dialogfelder, Kontrollkästchen alle von Angular Materials zu stylen, aber keiner von ihnen gilt. Ich kann das Styling mit dem Inspektor unter Mat- (was auch immer) wie Mat-Button, Mat-Dialog-Container ändern, und das funktioniert, aber wie übersetze ich das zu CSS? Es scheint, ich habe keinen Zugriff auf die Änderung der Mat- (Zeug)

Alles, was ich tun möchte, ist eine md-Taste auf der rechten Seite eines Containers zu kleben. Super einfach.

Answer 1

Ihr Code sollte wie erwartet funktionieren. Siehe unten stehende Code,

<div class="profilebuttoncontainer"> 
    <button md-button class="temp-class">Click me!</button> 
</div> 

Hinweis: Fügen Sie die Stylesheet-Referenz auf der Komponentenebene unterhalb der Linie mit

styleUrls:[`....`] 

LIVE DEMO