當(dāng)一個鏈接得到焦點時,默認(rèn)會有個虛線框。如圖:
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 來將其去掉。所以我們可以這樣寫:
a :focus { ???? outline : none ; ????-moz- outline : none ; }
順便提一下,如果你用過 Safari 和 Chrome 可能會發(fā)現(xiàn),當(dāng)輸入框得到焦點時邊框會出現(xiàn)陰影效果。
如果想去掉陰影效果也可以用 outline 屬性。
input , textarea { outline : none ; }
言歸正傳,剛剛說的是 Firefox ,現(xiàn)在說說 IE。首先比較遺憾,還沒有找到通過 CSS 去掉 IE 鏈接虛線框比較好的解決辦法。所以只能用一個替代的辦法,就是 a 標(biāo)簽的 hidefocus 屬性(這個屬性是 IE 獨有的)。
< a href = "#" hidefocus = "true" > 鏈接 < / a >
注意:JS 腳本對應(yīng)的屬性名是:hideFocus。對應(yīng)的 JS 代碼應(yīng)該是:
xxx.hideFocus = ‘true’;
還有一種不推薦的辦法。就是讓鏈接得到焦點的時候失去焦點。
< a href = "#" onfocus = "this.blur();" > 鏈接 < / a >
這種辦法很管用,但過于暴力,最好不要用了。
原文出處:?? ? http://ouyo.info/show.php?pid=1109
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
