Удалить границу по умолчанию в -amp-accordion-header

Question

Не все блоггеры, такие как значение CSS по умолчанию, представленное AMP, и я уверен, что AMPProject справился со всеми возможными возможностями для этого. Поэтому мне нужно удалить границу по умолчанию (#DFDFDF) в .-amp-accordion-header и сменить фон (#EFEFEF) на прозрачный, и мне не удался.

Вот его HTML по умолчанию:

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

Как вы знаете, что мы не можем добавить -amp-accordion-header в наш пользовательский CSS элемент, который делает его недействительным 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 класса:

ИНДИВИДУАЛЬНЫЙ 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>