Changement de la couleur de fond de ion ionique en CSS

J'ai ajouté le code suivant style="background-color: #C2A5A5 !important. Mais cela n'a pas fonctionné pour moi. comment puis-je ajouter de la couleur d'arrière-plan à ion-élément?Merci à l'avance.

<ion-item class="item-remove-animate item-avatar item-icon-right" style="background-color: #C2A5A5 !important" ng-repeat="detail in details" type="item-text-wrap" ng-controller="ChatsCtrl"  ng-click="openShareModel(detail)">
    <img ng-src="{{profilepic.profileimageurl}}">

    <h2>{{detail.date | date :'fullDate'}}</h2>
    <h2>{{detail.title}}</h2>
    <p>{{detail.description}}</p>
    <i class="icon ion-chevron-right icon-accessory"></i>

    <ion-option-button class="button-assertive" ng-controller="ChatsCtrl" ng-click="remove(detail.id)">
      Delete
    </ion-option-button>

  </ion-item>

source d'informationauteur HRCJ

  1. 20

    Ionique est l'injection d'un élément à l'intérieur de la <ion-item> donnant à l'élément de structure:

    <ion-item>
  <div class="item-content">
  </div>
</ion-item>

    Ioniques CSS contient une propriété CSS:

    .item-content {
  background-color:#ffffff;
}

    Les CSS que vous avez ajouté est appliquée à l'élément à l'origine de l'élément avec la #ffffff arrière-plan, de sorte que vous ne pouvez pas voir la couleur de fond.

    Appliquer la couleur d'arrière-plan à la .item-content élément, comme @ariestiyansyah recommandé par adjonction CSS à l'Ionique fichier CSS, ou de créer un fichier CSS spécifique et comprennent un <link> dans l'en-tête, avec les éléments suivants:

    .item .item-content {
  background-color: transparent !important;
}

    Voici la travail de démonstration.

  2. 3

    Fait ai eu de travail d'une manière différente:

    .item-complex .item-content { background-color: #262B32 !important; }

    comme suggéré par @gylippus ici, dans le post #5

  3. 1

    Une solution de contournement est d'utiliser <a> tag au lieu de <ion-item> balise, par exemple: changement <ion-item> à <a class="item"> et puis le style avec ce que vous voulez.

    Source: http://ionicframework.com/docs/components/#item-icons

  4. 0

    Dans Ionic3, ci-dessous css fera l'affaire.

    .item-ios {
background-color: transparent !important;
}