html – 如何在Bootstrap UI手风琴中点击删除大纲

我正在尝试使用角ui引导手风琴来保持引导表在标题内.
当用户点击手风琴标题并打开时,会出现一个奇怪的轮廓.它看起来像这样(围绕“一些标题”的浅蓝色矩形)：

我知道这是因为我使用< div>,但如何消除这种行为？

代码是：

<accordion close-others="true">
  <accordion-group>
    <accordion-heading>
      <div>Some title</div>
    </accordion-heading>
    Text
  </accordion-group>
  <accordion-group>
    <accordion-heading>
      <div>Another title</div>
    </accordion-heading>
  </accordion-group>
</accordion>

解决方法

大纲将添加到面板标题面板标题< a>标签,它具有.accordion-toggle类.所以,为了避免* catch-all选择器,你可以这样做：

.accordion-toggle:focus{outline: none;}

有了这个解决方案,没有必要！重要(so you’ll respect the devs who come after you).

大纲是一个速记属性,其唯一需要的值是轮廓样式.在这种情况下,我将轮廓风格设置为无.

This is a great article说明了特定性,如果你不相信！重要的是应该避免,除了两个案例.

原文地址：https://www.jb51.cc/html/231362.html