在某些特殊的情況下，比如做一個(gè)導(dǎo)航菜單的時(shí)候，出現(xiàn)這個(gè)情況時(shí)效果就很糟糕了，因?yàn)镕irefox會(huì)錯(cuò)誤地?cái)U(kuò)大鏈接的邊框：
在Firefox的地址欄輸入about:config，回車。有一個(gè)配置項(xiàng)叫做“browser.display.focus_ring_width”，把它修改成0，點(diǎn)擊鏈接時(shí)就不會(huì)出現(xiàn)那個(gè)邊框。但這樣的話，在焦點(diǎn)落在按鈕上時(shí)也沒有了邊框指示。而且作為一個(gè)開發(fā)者，在瀏覽器里設(shè)置這個(gè)屬性，無異于掩耳盜鈴。
這實(shí)際上是Firefox在<a>這個(gè)標(biāo)簽處于focus狀態(tài)時(shí)（pseudo selector - a:focus）給它加的outline屬性。
正確的解決辦法是在CSS里加一個(gè)規(guī)則：
a {
outline: none;
}
或者縮小范圍：
a:focus {
outline: none;
}
后者使得鼠標(biāo)左鍵在鏈接上按下，松開之前的這段時(shí)間里，仍會(huì)顯示虛線的outline.
在我看到的大部分網(wǎng)站中，都把這條規(guī)則寫在CSS里?；蛟SFirefox該考慮去掉這個(gè)的默認(rèn)outline.