欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

firefox的超鏈接點(diǎn)擊去除擴(kuò)大的難看虛線的解決方法

 更新時(shí)間：2008年12月03日 16:26:51   作者：  
在Firefox里，鼠標(biāo)點(diǎn)擊一個(gè)鏈接時(shí)，它的周圍即出現(xiàn)虛線畫出的邊框。這種例子遍地都是，在WordPress后臺(tái)寫這個(gè)文章的時(shí)候，隨手點(diǎn)一下右邊那些widget，就看到了這個(gè)問(wèn)題（圖片的右上角）
在某些特殊的情況下，比如做一個(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í)也沒(méi)有了邊框指示。而且作為一個(gè)開發(fā)者，在瀏覽器里設(shè)置這個(gè)屬性，無(wú)異于掩耳盜鈴。
這實(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里。或許Firefox該考慮去掉這個(gè)的默認(rèn)outline.

相關(guān)文章

最新評(píng)論