但正在圖片交換文字,或者許虛線顯現(xiàn)沒有規(guī)定的時(shí)分,去掉它關(guān)于一度貨物來(lái)說會(huì)是更圓滿的。由于這外面有潛規(guī)定。多用點(diǎn)心,把貨色做得更好。因?yàn)?,下面的寫法集體并沒有引薦。從技能上,某個(gè)辦法并沒有片面。從經(jīng)驗(yàn)上,我想你也曉得,咱們但是去掉全體沒有需求的,去掉全副并沒有敵對(duì)于。
Firefox 存著bug,input 需要去某個(gè)偽形態(tài)下的邊框
::-moz-focus-inner{outline:none;}
同上,但正在tab的時(shí)分,IE將保存虛線框
:active{outline:none;}
IE8 Firefox Webkit Opera
:focus{outline:none;}
IE
hidefocus
IE8 Firefox Webkit Opera
outline:none
失效的閱讀器
去除的形式
Demo: 我能正在用 TAB 鍵的時(shí)分沒有去掉虛線框嗎?干什么我的 input 正在 firefox 下沒有順利去除虛線框?該署成績(jī)被提出的時(shí)分,攪擾著沒有少人。 <input class="btn_srh2" type="submit" name="button" id="button" value="開放" onfocus = this.blur() />
<input class="btn_srh1" type="submit" name="button" id="button" value="空降" onfocus = this.blur() />
IE6和IE7DE 處理方法:
好吧,沒有得沒有否認(rèn)的是,該署大事,都還真是一門知識(shí),咱們要好好進(jìn)修,好好積攢。
除 IE6/7 外的一切閱讀器的旋鈕(firefox沒去掉)和鏈接都被去掉虛線框
去除太多
IE6/7 并沒有支撐 outline 屬性, firefox 下 input 的虛線并沒有去除
去除沒有片面
從這段代碼來(lái)看,讓咱們小綜合一下,有零點(diǎn)能夠是需求咱們留意的:
}
outline:none;
a:focus, input[type=button] ,input[type=submit] {
關(guān)于如何去除虛線框,有很多人引薦那樣寫:
如何去除虛線框
話說,關(guān)于去除虛線框,即便是一度前者開拓任務(wù)者,也能夠沒有曉得一切的潛規(guī)定。實(shí)在沒有然,由于是兩個(gè)現(xiàn)異性質(zhì)的成績(jī)。小結(jié)一下,看某個(gè)表:
對(duì)于于潛規(guī)定、對(duì)于于BUG
這是看上去沖突的兩個(gè)成績(jī)。
。由于很多狀況下,它是一度聽覺上的輔佐,況且盲眾人需求它(怎樣個(gè)需求法,別問我),咱們并沒有需求去掉。