当我点击某些东西时，点缀边框样式

Question

我的网页中有一个标签组件，当我选择其中一个标签时，我会调用ui-tabs选择的类来给它一个特殊的行为：

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: transparent !important;
    color: #444 !important;
    border-top-color: #3c8dbc;
    border-top-width: 2px;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
}

问题在于，当我选择一个标签时，我会得到一个虚线边框样式，如下图所示：

[！[在此处输入图像说明] [1]] [1]

但是当我点击页面上的其他位置时，这种虚线边框样式会消失。

我怎样摆脱这种影响？

Answer 1

尝试使用大纲样式，将其设置为0以将其删除。

.ui-tabs{
   outline: 0;
}

Answer 2

.ui-tabs{
   outline:none !important;
}

希望它有所帮助。