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说明了特定性,如果你不相信!重要的是应该避免,除了两个案例.

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在&#39;&#39;,则表示换行,用&#39;&#39;切割。
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...