首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何删除在Bootstrap UI Accordion中单击时出现的轮廓

如何删除在Bootstrap UI Accordion中单击时出现的轮廓
EN

Stack Overflow用户
提问于 2015-05-14 20:12:12
回答 5查看 7K关注 0票数 17

我尝试使用angular-ui bootstrap accordion在标题中保存bootstrap表。当用户单击accordion标题并打开时,会出现一个奇怪的轮廓。它看起来像这样(“某个标题”周围的浅蓝色矩形):

我知道这是因为我使用了<div>,但是我怎样才能消除这种行为呢?

代码是:

代码语言:javascript
复制
<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>
EN

回答 5

Stack Overflow用户

发布于 2015-05-28 01:44:35

尝试使用:

accordion * {outline: 0 !important;}

修改etaiso注释

票数 4
EN

Stack Overflow用户

发布于 2015-08-25 16:56:20

尝试在title div中添加一个类,如下所示:

代码语言:javascript
复制
<div class="title-div">

然后在css上,尝试使用:

代码语言:javascript
复制
.title-div:focus {outline: 0 !important;}
票数 2
EN

Stack Overflow用户

发布于 2015-05-14 20:17:33

尝尝这个

代码语言:javascript
复制
.accordion-heading:focus{outline:0;border:none;}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30237114

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档