background-color - 放大器 : How can I change background color of amp-accordion header?

Question

我正在尝试更改 amp-accordion 中标题的背景颜色。我能够做到这一点的唯一方法是将样式应用于 .-amp-accordion-header这是无效的。

Answer 1

如果您尝试覆盖类 .-amp-xxxxx，AMP 验证器会引发错误。正如另一个答案中所建议的那样。

我通过创建自己的类解决了这个问题:

.myheader {
    background-color:yellow; 
}

我将该类添加到标题中:

<amp-accordion>
    <section expanded>
        <h2 class="myheader">Section 1</h2>
        <p>Bunch of awesome content</p>
    </section>
    ...