Question

我需要覆盖狂欢商店的标题颜色。我在../mystore/vendor/assets/stylesheets/spree/frontend目录下创建一个custom.css。但这行不通。请帮助

spree标头的默认css样式如下所示

#spree-header #header {
    background: rgba(34,34,34,0.4);
    padding: 20px 0;
}

下面是我的custom.css文件

#spree-header #header {
    background: white !important;
    padding: 20px 0;
}

我希望我的狂欢标头将颜色更改为白色。

Answer 1

您不能用rgba()颜色覆盖rgb()颜色。

在这种情况下，white是保留字，代表rgb(255, 255, 255)。

代替：

background-color: white;

使用：

background-color: rgba(255, 255, 255, 1);

NB background是多值速记属性。

如果仅打算声明背景色，请使用background-color。

有关background速记属性可以采用的所有值的更多信息，请参见：

有关background-color属性的更多信息，请参见：