Spree 电子商务 - 无法覆盖 css

Question

我需要覆盖我的 spree 商店的 header 颜色。我在../mystore/vendor/assets/stylesheets/spree/frontend 目录下创建了一个custom.css。但它不起作用。请帮忙

spree header默认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;
}

我希望我的狂欢 header 能把颜色变成白色。

Answer 1

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

在本例中，white是保留字，代表rgb(255, 255, 255)。

而不是：

background-color: white;

使用：

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

N.B. background 是一个 multi-value shorthand 属性.

如果您只想声明背景色，请使用background-color。

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

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

Spree eCommerce - Cannot override css