firefox的超链接点击去除扩大的难看虚线的解决方

在Firefox的广阔天地里，每一次鼠标点击链接，都会触发一种独特的视觉体验。那即是链接周围被虚线边框环绕的现象。这一现象在我撰写此篇文章时尤为明显，比如在WordPress后台操作，只需轻轻一点击那些widget（位于图片的右上角），问题便立刻显现。

在某些特定情境下，如构建导航菜单时，这种现象可能会带来困扰。Firefox会误判并扩大链接的边框。为了解决这个问题，用户需要在Firefox的地址栏输入about:config，然后修改一个叫做“browser.display.focus_ring_width”的配置项至“0”。虽然这样操作后，点击链接时不再有边框出现，但同时也失去了按钮焦点时的边框指示。

作为开发者，我们并不推荐在浏览器中设置此属性，因为这更像是一种治标不治本的方法。实际上，这是Firefox在识别到标签处于焦点状态时（pseudo selector - a:focus）所赋予的outline属性。要想从根本上解决这个问题，应该在CSS中添加一条规则：a { outline: none; } 或者更精确地定义为 a:focus { outline: none; }。后者确保了当鼠标左键按下链接并在松开之前，虚线轮廓仍然可见。据我所知，大多数网站都已在CSS中实施了这一规则。或许Firefox可以考虑默认去掉这一outline设置，让用户体验更为流畅。