改变离子含量的背景离子4而不是内部元素

Question

我知道关于在ionic 4中设置内容/页面背景已经存在类似的问题，但是我确实进行了设置，但是我所有的实验也都将ion-card背景设置为内容的颜色，但这不是真的是我想要的。我还尝试使用ID和类将背景颜色设置为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)，因此如果设置了离子卡背景，则它将使用ion-item-background或它是透明的，您可以通过声明背景来忽略所有这些与!important一样的ion-card{--background: #aaa !important;}.

如果您想确定组件是否需要--background或仅需要background，我一直在检查ionic文档以查看其CSS自定义中是否包含--background属性：/