Wie kann ich die Textfarbe von ion-item ändern

Question

Ich habe gekämpft, um herauszufinden, wie Sie die Textfarbe von Ion-Item ändern. Das ist was ich bisher habe, ich habe gefunden, wie man die Hintergrundfarbe ändert.

<ion-item style="background-color: #82B1FF"> 

Aber wie ändere ich die Textfarbe?

Answer 1

CSS-Stil zum Ändern der Schriftfarbe ist color.

So können Sie hinzufügen: color: #fff; Für eine weiße Schriftfarbe, zum Beispiel.

Answer 2

<ion-item style="background-color: #82B1FF; color:#fff">hey 

das ist, wie Sie das tun und die sind das Ergebnis:

Answer 3

Unter Verwendung von 1 Ionic ist der Trick, um das Etikett zu verwenden, um die Hintergrundfarbe zu ändern, aber dann auf dem eine div-Klasse verwenden, innen Passe die Textfarbe an. Wie so:

<ion-item style="background-color: #2196F3; color: #E3F2FD"> 
     <div class="CustomColour"> 
     <h2><b>{{key}}</b></h2> 
     </div> 
    </ion-item> 

Und in der CSS-Datei:

div.CustomColour * { 
     color: #E3F2FD !important; 
    }