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 
}