デフォルトの枠を削除する--amp-accordion-header

Question

AMPが提示するデフォルトのCSS値のようなすべてのブロガーではなく、AMPProjectがすべての可能性を処理していると確信しています。 したがって、.-amp-accordion-headerのデフォルトの枠線（#DFDFDF）を削除し、背景（#EFEFEF）を透明に変更する必要があります。あなたは私たちがそれ無効AMPか、検証されていない可能当社のカスタムCSS要素に-amp-accordion-headerを追加することができないことを知っているように

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

：ここ

は、そのデフォルトのHTMLです！中

：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クラスセレクタを使用して動作します：

CUSTOM-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>