AMP: Как я могу изменить цвет фона заголовка amp-accordion?

#background-color #amp-html

#background-color #amp-html

Вопрос:

Я пытаюсь изменить цвет фона заголовка в amp-accordion. Единственный способ, которым я смог это сделать, — применить недопустимый стиль .-amp-accordion-header .

Ответ №1:

Средство проверки AMP выдает ошибку, если вы пытаетесь переопределить классы .-amp-xxxxx , как предложено в другом ответе.

Я исправил эту проблему, создав свой собственный класс:

 .myheader {
    background-color:yellow; 
}
  

и я добавил этот класс в заголовок:

 <amp-accordion>
    <section expanded>
        <h2 class="myheader">Section 1</h2>
        <p>Bunch of awesome content</p>
    </section>
    ...
  

Ответ №2:

Вы правы, изменив его .-amp-accordion-header . Возможно, вы что-то пропустили в своем коде. Вот пример из GitHub:

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