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

Question

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

这是默认的html：

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

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

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

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

请知道谁知道.pls.thnks。

Answer 1

也许这很棘手，但后来使用nested-accordion类选择器解决并工作：

自定义-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>