刪除任何風格的jQuery標籤

Question

我使用jQuery的標籤，但是當一個處於活動狀態，我得到這個醜陋的邊界：見圖片

我試圖給標籤類和風格它（如您可以看到它的綠色和藍色文字），但沒有任何幫助消除這一點。

但由於某些原因，它不會幫助

$(function() { 
    $("#more").tabs(); 
}); 

<div id="more"> 
     <ul id="cats"> 
     <li><a href="#alles">All</a></li> 
     <li><a href="#web">Websites</a></li> 
     <li><a href="#apps">Apps</a></li> 
     </ul> 
</div> 

我可以風格那種事藍色邊框不會消失

Answer 1

嘗試增加給你的CSS。

#more a 
{ 
    outline: none; 
} 

正如其他人提到這會影響輔助功能對於一些用戶，但你可以申請一個另類的風格，以你的標籤以保留無障礙......例如，更改焦點字體顏色：

#more a:focus 
{ 
    color: #f00; 
} 

Answer 2

我認爲這是瀏覽器的輪廓邊框。 您可以使用CSS將其刪除，在您的選項卡中使用outline:none;。

但記住輪廓是可訪問性的一部分，因爲它顯示用戶他的'標籤'在哪裏。因此，不能使用鼠標的用戶在他所處的位置會變得無能爲力。

Answer 3

增加綠色背景條的高度或填充，並簡單地更改輪廓顏色以匹配綠色。這種方式的可訪問性並沒有被拿走，你仍然可以看起來很乾淨。