How to change background color of ion item

ionic-v1
1

I want to be able to change the background color of ion item however it works until ion option is thrown in.

ion-list
ion-item class="item item-thumbnail-left"
style=“background-color:blue”

   <ion-option-button style="padding-top:25px"class="button-assertive" ng-click="remove()">X</ion-option-button>

/ion-item
/ion-list``

2

It’s because adding the ion-option-button adds the item-content class to the rest of the item. You can override this class like this:

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

Thanks Brandy!! That works and I can’t believe I didn’t realize that(face palm). :smile:it’s the simplest things sometimes :grin:

1 Like