Применение линейного градиента к ионическому списку

Question

Мне нужно применить линейный градиент для списка. Я не могу сделать это для всего списка. Пример кода: CODEPEN

Я попытался установить фон как красный, но его не работает.

<ion-list style="background:red"> 
    <ion-item ng-repeat="item in items">{{item}}</ion-item> 
</ion-list> 

Answer 1

Применить стили к сгенерированным ионным классам. Вам также необходимо переопределить цвет фона дочернего элемента, чтобы он был прозрачным для родительского фона.

.list { 
    background: #6990E4; /* Replace with linear-gradient */ 
} 

.list .item { 
    background-color: transparent; /* To view the above background */ 
} 

Codepen Demo