firefox的超連結點擊去除擴大的難看虛線的解決方法_經驗交流

在某些特殊的情況下，例如做一個導航選單的時候，出現這個情況時效果就很糟糕了，因為Firefox會錯誤地擴大連結的邊框：
在Firefox的網址列輸入about:config，回車。有一個配置項目叫做“browser.display.focus_ring_width”，把它修改成0，點擊連結時就不會出現那個邊框。但這樣的話，在焦點落在按鈕上時也沒有了邊框指示。而且作為一個開發者，在瀏覽器裡設定這個屬性，無異於掩耳盜鈴。
這其實是Firefox在這個標籤處於focus狀態時（pseudo selector - a:focus）給它加的outline屬性。
正確的解決方法是在CSS裡加一個規則：
a {
outline: none;
}
或縮小範圍：
a:focus {
outline: none ;
}
後者使得滑鼠左鍵在連結上按下，鬆開之前的這段時間裡，仍會顯示虛線的outline.
在我看到的大部分網站中，都把這條規則寫在CSS裡。或許Firefox該考慮去掉這個的預設outline.