JQuery UI - 如何摆脱Tabs中的轮廓

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
}