我正在尝试使用角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说明了特定性,如果你不相信！重要的是应该避免,除了两个案例.
