jQuery UI选项卡大纲删除

我在寻找这个问题的最新和更具体的答案

在此页面中，当您单击其中一个选项卡时，它将显示蓝色轮廓：

---

如何删除它，以及它位于哪个文件中？我目前正在使用DreamWeaver CC，它会自动添加jQuery引用和样式表，包括jQuery.ui.core.min.css、jQuery.ui.theme.min.css和jQuery.ui.tabs.min.css。我在寻找什么类/id，在什么文件中删除大纲？

在页面上初始化jQuery UI后，以下是Chrome开发工具选项卡的HTML结构：

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner- all" role="tablist">
    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1" aria-labelledby="ui-id-1" aria-selected="true"><a href="#tabs-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Nunc tincidunt</a></li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-2" aria-labelledby="ui-id-2" aria-selected="false"><a href="#tabs-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Proin dolor</a></li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-3" aria-labelledby="ui-id-3" aria-selected="false"><a href="#tabs-3" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Aenean lacinia</a>    </li>
</ul>

---

另外，请阅读为什么使用outline:none会导致可访问性问题：

无需担心可访问性问题，因为它可以被替换。

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