我想删除这条边界橙色标签边界：的jQuery UI - 删除焦点

enter image description here

而且由于只对焦点显示它，我无法找到使用Chrome控制台覆盖哪一类。

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

编辑：我想这是标准的行为和here你可以看到这个例子。我也在使用Chrome。

2012-12-12 gotqn

这是您的浏览器的行为与css无关，通过在Firefox中打开进行检查 –

@rajeshkakawat firefox不显示轮廓，但ie和chrome做。这里是一个例子http://jsfiddle.net/axrwkr/4F6z6/删除li {outline-color：transparent; }从css标签查看chrome中的差异，即 – 2012-12-12 12:44:05

li a 
{ 
    outline-color: transparent; 
}

来源

2012-12-12 11:18:45

原来你的回答是正确的。 +1 –

+1这解决了这个问题。谢谢。 – gotqn

对于jquery-ui范围，我使用了'.ui-state-focus {outline-color：transparent}' – Rachael

您可以覆盖ui-state-focus和ui-state-active css类。

.ui-state-focus { 
    border: none; 
    outline: none; 
} 

.ui-state-active { 
    border: none; 
    outline: none; 
}

在jQuery的UI标签首要ui-state-active的情况下应该是足够的。

更新：在你的情况下，这不是ui-state-active类，而是webkit中的常规锚点轮廓。我已经更新您的提琴：http://jsfiddle.net/ukPW6/4/

来源

2012-12-12 11:43:20

这似乎并不适用于ie9或chrome，这是什么浏览器？ – 2012-12-12 12:40:51

所有的浏览器。只要确保在包含jQuery UI css之后覆盖它，而不是之前。你可以在jQuery-UI的CSS中找到它。每个组件的部分用调试版本中的注释分开。 –

我试过了，它似乎没有什么区别，也许它需要！重要的或者可能是关于jsfiddle的一些东西阻止它工作，看看http://jsfiddle.net/axrwkr/ukPW6/ – 2012-12-12 12:48:07

快速的解决方案：

如果要影响实际的.ui成分的溶液。

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

什么区别是匿名和康斯坦丁·D的答案之间？

匿名正确地将“li标签”内的实际“a标签”作为目标。永远记住，那个tabs（）;在未排序的列表中使用“标签”。实际显示选项卡导航。

例：

CSS太影响李轮廓：在HTML一个标签

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

火了jQuery UI选项卡插件

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

标签标记

<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>

来源

2013-03-26 01:27:24

我喜欢丹尼尔的解决方案，我只是将它添加到它：当你点击不同的标签

.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停止它显示在大纲/你的鼠标离开悬停区域

来源

2013-07-03 17:21:37 Pixelomo

我的答案是以上所有答案的搭配简单和短期使用以下

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

来源

2013-08-03 18:01:30 anonymous

完美。简短，甜蜜，清晰，并立即工作。 – clearlight

接受的答案在Firefox中可用，但我在Mac上的Chrome中遇到了问题。
大纲样式属性似乎为我解决了这个问题。

.ui-state-focus { 
     outline-style:none; 
    }

来源

2013-08-28 18:47:49 jsh

嗨@jsh，谢谢你添加这个。我从来没有在Mac上进行测试。 – gotqn

如果上述解决方案仍然不能正常工作，那么它是由box-shadow属性引起的。试试这个：

.ui-state-focus:focus, .ui-state-focus, li a { 
    box-shadow:none; 
}

来源

2015-09-14 06:14:29 KeepMove

我面临同样的问题。 jQuery mobile在运行时应用类，我尝试了上面的解决方案，但它没有为我工作，然后我删除ui-shadow class表<div data-role="navbar" class="ui-corner-all"> 满足我的要求。

来源

2016-06-16 11:21:34

的jQuery UI - 删除焦点

回答

快速的解决方案：

例：

相关问题