如何擺脫選擇框的左右我的選擇

Question

我試圖創建一個網站爲自己，只是遇到了這個問題：

正如你可以看到有某種選擇在兩個圖像中都可見，其中我不想顯示。

單擊菜單項後拍攝第一張圖像。 第二張圖像是在第一張圖像之後拍攝的，另外我將鼠標移動到第一張圖像上。

這些菜單項顯示在表中。 我正在使用FireFox 3.6.10。

有沒有人有一個想法如何擺脫這些選擇？

Answer 1

查看outline CSS property。在這種情況下，您應該爲您的鏈接指定outline: none。輪廓表明給定元素具有焦點。你應該提供一些東西，以便使鍵盤唯一的導航成爲可能。

Answer 2

如果您在用戶點擊鏈接時從鏈接中刪除焦點，您將有效地擺脫該框。但是，許多人建議不要這樣做，因爲這被認爲是不好的做法，並且不易獲得。

不管怎麼說，如果你想這樣做，不介意JQuery的，你可以使用這個：

$('a').click(function() { $(this).blur() }); 

爲「鏡花水月」指出的那樣，你也可以使用CSS outline屬性，以防止它，但這在所有瀏覽器上都不起作用。 （閱讀：IE7及以上。）

Answer 3

那麼你可以嘗試設置邊界爲0，我認爲這應該工作。 只需在您的鏈接上設置class ='noborder'即可。

<style type='text/css'> 
    a.noborder { 
     border: 0; 
    } 
</style>