AMP手风琴的header的背景怎么改？

Question

网页使用深色主题。 AMP 的手风琴默认颜色主题看起来不太好：

<amp-accordion>
        <section>
            <h4>How can I change the header's background?</h4>
            <div>
                Test
            </div>
        </section>
        <section>
            <h4>Anybody?</h4>
            <div>
                Test
            </div>
        </section>
</amp-accordion>

以下内容没有任何作用：

h4 {
    background-color: #333
}

有人能帮忙吗？
请注意 AMP 不允许 !important.

Answer 1

尝试在 h4 上定义 class 并为其应用背景色。我刚刚让它在 AMP By Example 操场上工作，它没有抱怨它并改变了背景颜色。

h4.test {background-color: #ff0;}

  <amp-accordion>
    <section expanded>
      <h4 class="test">Section 1</h4>
      <p>Bunch of awesome content.</p>
    </section>
    <section>
      <h4 class="test">Section 2</h4>
      <div>Bunch of even more awesome content. This time in a <code>&lt;div&gt;</code>.</div>
    </section>
    <section>
      <h4 class="test">Section 3</h4>
      <figure>
        <amp-img src="/img/amp.jpg" width="1080" height="610" layout="responsive" alt="an image"></amp-img>
        <figcaption>Images work as well.</figcaption>
      </figure>
    </section>
  </amp-accordion>

AMP手风琴的header的背景怎么改？

How can the header's background of AMP's accordion be changed?

amp-html