从活动的jQuery UI选项卡中删除大纲？

Question

我想在活动的jQuery UI选项卡上删除大纲(或至少更改颜色).

从这个例子开始,我尝试了这个失败:

<style>
    #tabs .ui-state-focus
    {
        outline: none;
    }
</style>

(基于这个问题和答案的提示).

从活动标签中删除轮廓的诀窍是什么？

Answer 1

我不相信它focus是你需要定位的类,它是CSS伪造的类:focus

.ui-state-focus:focus { outline:1px dotted red !important }

如果可行,请{outline:none}继续删除它.,不管怎么说,你有点担心它的可访问性,仅供参考.

Answer 2

有很多方法可以做到这一点.这是两个例子(我建议选项2):

选项1

从使用.ui-widget该类的所有元素中删除轮廓:

.ui-widget * { outline: none; }?

这是一个工作小提琴.

选项2

使轮廓颜色透明:

#tabs li a
{
    outline-color: none;
}?

这是一个工作小提琴.

Answer 3

我设法将其删除

.ui-tabs-anchor:active, .ui-tabs-anchor:focus{
     outline:none;
}