深藏多年秘笈大公開,全世界唯一一家公布,怎么點(diǎn)就是點(diǎn)不出,純CSS去掉按鈕或者鏈接點(diǎn)擊產(chǎn)生的虛線。
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
這個(gè)東東是無意中的發(fā)現(xiàn),用處數(shù)數(shù)也瞞多,像ie下帶border的button點(diǎn)擊時(shí)惡心的表現(xiàn)、去掉tab的點(diǎn)擊虛線等等。但遺憾的是這個(gè)東東在實(shí)踐中發(fā)現(xiàn),ie下還是容易受樣式環(huán)境影響。
這個(gè)效果的實(shí)現(xiàn)重點(diǎn)在于我在無意中發(fā)現(xiàn)了IE下的一個(gè)bug,這個(gè)bug在特定環(huán)境會(huì)導(dǎo)致按鈕或鏈接點(diǎn)擊時(shí)失去虛線。其它瀏覽器就比較簡(jiǎn)單,支持CSS2的瀏覽器可以通過設(shè)置outline解決,F(xiàn)F的button標(biāo)簽通過私有屬性特別處理,DEMO在多個(gè)主流瀏覽器測(cè)試通過。
經(jīng)典論壇交流: http://bbs.blueidea.com/thread-2929061-1-1.html
本文鏈接:http://www.95time.cn/tech/web/2009/6727.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|