如何更改购物嵌入式小部件的CSS?

Question

我正在我的网站上设置Shoppy，但我不喜欢嵌入样式。 有没有办法从我的代码中更改 CSS？

<script src="https://shoppy.gg/api/embed.js"></script>
<button data-shoppy-product="PRODUCT ID">Pay</button>

Answer 1

您必须包含自己的CSS文件，并且必须覆盖默认的CSS。您可以通过在 CSS 文件中添加具有默认类选择器的类选择器来覆盖默认 CSS，并编写自己的 CSS。例如，如果默认 CSS 是，

.embed--header {
background: #1c2260;
}

然后你可以像这样覆盖：

.embed--header.changebackground {
background: #000;
}

确保将类名作为元素的"changebackground"，否则不会发生任何更改。