刪除任何風格的jQuery標籤

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

Border

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

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

$(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>

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

來源

2013-05-02 DiederikEEn

您正在使用哪種瀏覽器？ – naththedeveloper 2013-05-02 19:53:44

@FDL chrome .... – DiederikEEn 2013-05-02 19:55:48

yup chrome那麼做 – blackhawk 2013-05-02 20:02:07

嘗試增加給你的CSS。

#more a 
{ 
    outline: none; 
}

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

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

來源

2013-05-02 19:58:14 naththedeveloper

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

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

來源

2013-05-02 19:59:50 RaphaelDDL

mhh好點，但是我可以創建一個活躍的類並添加它？ – DiederikEEn 2013-05-02 20:02:33

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

來源

2013-05-02 20:03:30 blackhawk

刪除任何風格的jQuery標籤

回答

相關問題