2
votes

Comment changer la couleur d'arrière-plan d'une seule page dans ionic 3+

Je suis nouveau dans ionic et j'ai essayé de changer une seule page css comme changer la couleur d'arrière-plan pour être autre chose. comme le vert ou plus. Je suis conscient que je peux changer la même chose globalement et je ne veux pas changer la couleur d'arrière-plan globalement, je veux que ce soit uniquement sur cette seule page.

J'ai essayé ce qui suit mais cela ne semble pas fonctionner.

J'ai essayé une recherche, mais je ne trouve rien qui corresponde à mes besoins

// code source de la page

.contents{
  background-color:red;
}
ion-content{
  --background-color: var(--ion-color-danger, #f1453d);
}

<ion-content class="contents">
     sample text goes here 
</ion-content>

l'arrière-plan devrait me donner une couleur rouge pour cette page mais cela n'effectue pas le changement

javascript angular ionic-framework

0 commentaires

3 Réponses :

0
votes

Essayez ceci.

.contents {
  background: #f1453d;
}

3 commentaires

ne fonctionne toujours pas pour moi @Hecham .... j'ai essayé background-color: # f1453d! important; y a-t-il quelque chose qui me manque pls

@Nazehs cela fonctionne dans mon projet. pouvez-vous reproduire le problème stackblitz.com/edit/ionic-9rmjck? fichier = pages% 2Fhome% 2Fhome.ht‌ ml

@sudarshana, je viens de découvrir qu'il existe un CSS qui désactive mon CSS et j'ai mis à jour mon message avec un extrait de ma console. si j'ai désactivé, il appliquera mon css mais le problème est maintenant de savoir où localiser ce css sur mon application pour apporter les modifications nécessaires

0
votes

vous devez essayer ce code sur page.scss

ion-content {background: #f1453d !important; }

0 commentaires

4
votes

J'ai rencontré ce problème et essayé TOUTES les solutions mentionnées ici, et je l'ai finalement résolu par ceci:

<ion-content style="--background: #f1453d;">

0 commentaires