2
votes

couleur d'arrière-plan ion-item / ion-native

Je rencontre un problème avec la couleur d'arrière-plan des éléments ioniques.

Ce que je veux:

Définissez la couleur d'arrière-plan sur transparent.

Ce que j'ai:

.item-native {
    background: transparent !important;
}

Cela génère une classe

  avec un fond blanc.    Ce que j'ai essayé de faire:  
  app.component.scss : 
 <ion-item class="custom-ion-toggle">
    <ion-label>Remember me!</ion-label>
    <ion-toggle formControlName="remember" slot="start" color="secondary" mode="ios"></ion-toggle>
</ion-item>
   Voici donc ce que j'obtiens:

angular css ionic-framework ionic3 sass

1 commentaires

J'ai aussi essayé: global.scss: .custom {& -ion-toggle {.item-native {background: transparent! Important; }}}

4 Réponses :

0
votes

essayez ceci dans login.scss

 .custom-ion-toggle{
       background-color: transparent !important;
   }

Je l'ai essayé dans mon application et cela fonctionne parfaitement.

1 commentaires

Eh bien, merci pour votre réponse. Malheureusement, cela ne fonctionne pas pour moi. En fait, cela change l'arrière-plan de ion-item , mais il est déjà défini sur transparent . La balise que je dois manipuler est div class = "item-native"> , mais je ne peux pas manipuler ses propriétés CSS ...

0
votes

Utilisez la propriété personnalisée CSS ion-item fournie par Ionic:

.custom-ion-toggle {
  --background-color: transparent;
}

0 commentaires

1
votes

essayez ceci dans votre page css:

ion-item {
  --ion-background-color: transparent !important
}

0 commentaires

-1
votes

utilisez ion-list au lieu d'ion-item, cela résoudra le problème

0 commentaires