jQuery UI - 删除焦点上的橙色标签边框

Question

我想删除这个边框:

并且因为它仅在焦点上显示,所以我无法使用chrome控制台找到要覆盖的类.

有没有人这样做,知道我应该覆盖什么类？

编辑:我想这是标准行为,在这里您可以看到示例.我也在使用Chrome.

Answer 1

li a
{
    outline-color: transparent;
}?

Answer 2

快速解决方案:

解决方案是否要影响实际的.ui元素.

.ui-state-active a, .ui-state-hover a {
    outline: none;
}

Anon和Konstantin D的回答有什么区别？

Anon正确地针对"li标签"中的实际"标签".永远记住,那个tabs(); 在未排序列表中使用"标签".要实际显示选项卡导航.

例:

CSS也会影响li:a标签的轮廓

.ui-state-active a, .ui-state-hover a {
    outline: none;
}

触发jQuery UI Tabs小部件

$('#my-tabs').tabs();

HTML中的标签标记

<div id="my-tabs">
    <ul>
        <li><a href="#tab-1">Tab 1</a></li>
        <li><a href="#tab-2">Tab 1</a></li>
    </ul>
    <div id="tab-1"></div>
    <div id="tab-2"></div>
</div>

Answer 3

我喜欢Daniel的解决方案,我只想添加它:

.ui-state-active a, .ui-state-hover a, .ui-state-visited a, .ui-state-focus a  {
    outline: none;
}

在.ui-state-visited a与.ui-state-focus a阻止它显示在大纲当你点击不同的标签/你的鼠标离开悬停区域

Answer 4

我的答案是以上所有答案的混合简单和简短使用以下内容

.ui-tabs .ui-tabs-nav li a { 
    outline:none;
}