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.
在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)文章
css濾鏡實(shí)現(xiàn)頁(yè)面灰色黑白色效果代碼
為方便站點(diǎn)哀悼,特提供素裝代碼,以表哀悼。以下為全站CSS代碼。2008-05-05巧妙的最大化動(dòng)態(tài)載入IFrame的方法
巧妙的最大化動(dòng)態(tài)載入IFrame的方法...2007-03-03門戶網(wǎng)站構(gòu)建CSS框架的規(guī)則
對(duì)于大型門戶,海量信息平臺(tái)及多模塊,多區(qū)域化網(wǎng)站,更需要對(duì)CSS,XHTML,的標(biāo)準(zhǔn)化,符合語(yǔ)意的HTML框架,復(fù)用性強(qiáng)的CSS代碼,這些才能保障你的網(wǎng)站,具有很好的“地基”。2008-09-09div結(jié)合css布局bbs首頁(yè)(div+css布局入門)
最近趁離職,我在做一個(gè)論壇系統(tǒng),練練手,需要一個(gè)論壇首頁(yè)的html頁(yè)面,深知自己美工極差,心里很苦啊。于是買了本div+css網(wǎng)站布局的書,沒(méi)想到講得還不錯(cuò),感覺(jué)長(zhǎng)進(jìn)很快,于是磨拳擦掌非要自己寫一個(gè)不可,高手末笑。代碼伺候。2008-11-11Firefox返回時(shí)Iframe的顯示Bug的解決方法
一個(gè)頁(yè)面有4個(gè)Iframe來(lái)顯示flash內(nèi)容,其中第二個(gè)iframe的顯示是用Javascript控制的,只有當(dāng)特定的cookie存在時(shí)才出現(xiàn),否則顯示普通的文本。2008-05-05全國(guó)哀悼日網(wǎng)站頁(yè)面變成灰色的filter方法
今天訪問(wèn)好多網(wǎng)站包括百度,啟點(diǎn)等網(wǎng)站都變成了黑白色界面,體現(xiàn)大家對(duì)于四川地震的深切哀悼,但有好的站長(zhǎng)不一定知道是什么方法,還以為是大量改版,對(duì)于任何人都不是很輕松的事,特將本站的解決方法告訴大家。2008-05-05解決IE7以下版本不支持無(wú)A狀態(tài)偽類的幾種方法
解決IE7以下版本不支持無(wú)A狀態(tài)偽類的幾種方法...2007-01-01