javascript - 如何更改 shoppy 嵌入式小部件的 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”，否则不会发生任何变化。