Ich habe ein ionisches Projekt basierend auf der Seitenmenüvorlage gestartet. Ich versuche, die Hintergrundfarbe für jedes Element des Seitenmenüs zu ändern (ich möchte, dass jedes Element eine andere Farbe hat).
Ich habe versucht, eine ionische Farbklasse hinzuzufügen:
%Vor%Es funktioniert gut auf dem Login-Element, aber nicht auf den anderen Elementen. Das Attribut href für andere Elemente zu entfernen funktioniert ... Wie kann ich die Hintergrundfarbe und das href-Element haben?
Es gibt einige Möglichkeiten, dies zu tun. Hier ist ein anderer Weg:
Fügen Sie Ihrer Seitenmenüliste eine benutzerdefinierte Klasse hinzu:
%Vor%Sagen Sie dem Gegenstandsinhalt, dass er die Hintergrundfarbe von dem Gegenstand erben soll:
%Vor% Das Problem ist, dass die ion-item -Direktive a -Element mit der Klasse .item-content innerhalb wiedergibt, wenn sie href -Attribut hat. Die Klassen, die Sie auf ion-item -Elemente anwenden, sind in etwa wie folgt definiert:
und gleichzeitig class ionic definiert diese Stile für Links innerhalb von
%Vor% Die spätere Regel hat eine höhere Spezifität Vorrang vor der einfachen .assertive-bg -Klassenregel.
Um dieses Problem zu umgehen, möchten Sie manuell einige zusätzliche Regeln erstellen:
%Vor%Demo: Ссылка
UPD . Brandyshea lieferte eine viel bessere Lösung dafür, wie Styles ohne Farbwertverdopplung überladen werden sollten. Ich werde jedoch meine Antwort behalten, um sie zu erklären.
Tags und Links css ionic-framework ionic