使用离子4应用div的背景色

Question

如何使用ionic4更改以下div的背景颜色

<div class="changeColor">hello world</div>

我尝试过的是下面的

.changeColor{
    //width:100%;//notworking
    //background-color: white; //not working


       --background:white !important;
}

  

仅内联样式有效吗？。我认为由于 shadow dom

我正面临这一挑战

有帮助吗？

Answer 1

您可以使用--ion-background-color或--ion-background-color-rgb属性来更改Ionic-4 Beta中的背景颜色。

.changeColor {
  /* background color with hex format */
  --ion-background-color: #ffffff;
  /* background color with rgb format */
  --ion-background-color-rgb: 255,255,255;
}

我建议您回顾the official article关于Ionic-4中的主题。

Answer 2

对于您而言，您不需要使用css4变量来更新背景，可以使用基本的css。

.changeColor {
  background: white;
}

Answer 3

使用可以使用基本的CSS：

.changeColor{background-color:white;}

希望对您有所帮助：）