JQuery UI - 如何摆脱标签中的轮廓

Question

每当我点击Jquery UI Tab Widget中的任何标签时，总会有一个轮廓（边框）。有没有可能删除它或只是一个浏览器的具体问题。 注意 我没有任何代码方便，因为我不知道如何继续。

以下是截图。注意第一个标签周围的蓝色边框。

得到任何帮助。

Answer 1

JS BIN DEMO

只需要在CSS

.ui-tabs .ui-tabs-anchor {outline:none} 

Answer 2

在CSS中添加此：

#tabs a { 
    outline: none; 
} 

---

您可以在其中的头部定义，最后出现你的CSS文件中添加这个CSS代码段。

，或者你可以在jQuery的ui.css更新此@行号757

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 
    cursor: text; 
    outline: none; // <---add this 
}