Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 删除-amp accordion标题中的默认边框_Html_Css_Amp Html - Fatal编程技术网

Html 删除-amp accordion标题中的默认边框

Html 删除-amp accordion标题中的默认边框,html,css,amp-html,Html,Css,Amp Html,并不是所有的博客都喜欢AMP提供的默认CSS值,我相信AMPProject已经处理了各种可能性。 因此,我需要删除-amp accordion header中的默认边框(#DFDFDF),并将背景(#EFEFEF)更改为透明,结果失败 以下是它的默认html: <div class="-amp-accordion-header" role="tab" aria-controls="_AMP_content_0" aria-expanded="false"> 无论谁知道,请帮助我。请

并不是所有的博客都喜欢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:

.nested-accordion{
background:transparent;
border:1px solid #fff;
}
<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>
HTML:

.nested-accordion{
background:transparent;
border:1px solid #fff;
}
<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>

更多↓;
减去↑;
..................

您能提供JSFIDLE链接吗?请提供更多详细信息。我想了解有关更改“默认”AMP的CSS属性[border]值(位于类选择器-AMP accordion标题处)的问题。请再次检查文件“”。