Изменение фона ионного содержания ионных 4 не внутренних элементов

Question

Я знаю, что уже есть похожие вопросы по настройке фона контента / страницы в ionic 4, но мне удалось установить его, НО все мои эксперименты также установили фон ion-card в цвет контента, что на самом деле не то, что Я хочу. Я также попытался установить цвет фона для элемента ion-grid, используя идентификаторы и классы, с тем же результатом.

Когда я пытаюсь стилизовать только body, фон содержимого не изменяется вообще.

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

ion-content {
    --ion-background-color: yellow;
}

Answer 1

Из экспериментов я узнал, что --ion-background-color: задает глобальное фоновое значение по умолчанию (по умолчанию #fff, если не установлено) для ионных компонентов.Чтобы просто нацелить ионное содержание, было бы лучше установить его как ion-content {--background : #f4a942;}.Вы можете установить фон с ионной сеткой примерно так ion-grid {background: #aaa;}.Проблема с ионной картой заключается в том, что по умолчанию ее фон установлен на var(--ion-item-background,transparent), поэтому он будет использовать фоновый ионный элемент, если он установлен, или он будет прозрачным, вы можете игнорировать все это, объявив фон с !important как ion-card{--background: #aaa !important;}.

Если вы хотите узнать, нужен ли компонент --background или просто background Мне пришлось проверить ионные документы, чтобы увидеть, есть ли в нем --backgroundего пользовательские свойства CSS: /