删除 -amp-accordion-header 中的默认边框

Question

并非所有博主都喜欢 AMP 提供的默认 CSS 值，我确信 AMPProject 已经处理了各种可能性。因此，我需要删除 .-amp-accordion-header 中的默认边框 (#DFDFDF) 并将背景 (#EFEFEF) 更改为透明，但我失败了。

这是它的默认值 html:

<div class="-amp-accordion-header" role="tab"
aria-controls="_AMP_content_0" aria-expanded="false">

如您所知，我们不能在我们的自定义 CSS 元素中添加 -amp-accordion-header，使其成为无效的 AMP 或未经验证！

在：https://github.com/ampproject/amphtml/pull/1849/files，你会看到：

.-amp-accordion-header {
cursor: pointer;
background-color: #efefef;
padding-right: 20px;
border: solid 1px #dfdfdf;
}

请大家帮帮我knows.pls.thnks。

Answer 1

也许这很棘手，但随后使用 nested-accordion class 选择器解决并起作用：

自定义-CSS:

.nested-accordion{
background:transparent;
border:1px solid #fff;
}

HTML:

<amp-accordion>
    <section>
      <h4 class='nested-accordion'>
          <span class='show-more'>MORE &#8595;</span>
          <span class='show-less'>LESS &#8593;</span>
      </h4>
      ..................
    </section>
</amp-accordion>

删除 -amp-accordion-header 中的默认边框

Remove default border in -amp-accordion-header

html

css

amp-html