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

CSS去掉A標(biāo)簽（鏈接）虛線框的方法

  發(fā)布時(shí)間：2014-04-01 16:30:44   作者：佚名   我要評(píng)論
鏈接的虛線框影響整體風(fēng)格，我們?cè)诠ぷ鹘?jīng)常會(huì)將它去掉，而采用圖片高亮的方式來(lái)顯示焦點(diǎn)狀態(tài)。然而去掉虛線框在兩種瀏覽器中卻分別對(duì)待，這種技巧經(jīng)常用到，作個(gè)記錄，以備不時(shí)之需

當(dāng)一個(gè)鏈接得到焦點(diǎn)時(shí)，默認(rèn)會(huì)有個(gè)虛線框。如圖：

在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 來(lái)將其去掉。所以我們可以這樣寫(xiě)：

復(fù)制代碼
代碼如下:
a:focus {
outline:none;
-moz-outline:none;
}

順便提一下，如果你用過(guò) Safari 和 Chrome 可能會(huì)發(fā)現(xiàn)，當(dāng)輸入框得到焦點(diǎn)時(shí)邊框會(huì)出現(xiàn)陰影效果。

如果想去掉陰影效果也可以用 outline 屬性。

復(fù)制代碼
代碼如下:
input,textarea {
outline:none;
}

言歸正傳，剛剛說(shuō)的是 Firefox ，現(xiàn)在說(shuō)說(shuō) IE。首先比較遺憾，還沒(méi)有找到通過(guò) CSS 去掉 IE 鏈接虛線框比較好的解決辦法。所以只能用一個(gè)替代的辦法，就是 a 標(biāo)簽的 hidefocus 屬性(這個(gè)屬性是 IE 獨(dú)有的)。


復(fù)制代碼
代碼如下:
<a href="#" hidefocus="true">鏈接</a>

注意：JS 腳本對(duì)應(yīng)的屬性名是：hideFocus。對(duì)應(yīng)的 JS 代碼應(yīng)該是：

復(fù)制代碼
代碼如下:
xxx.hideFocus ="true";

還有一種不推薦的辦法。就是讓鏈接得到焦點(diǎn)的時(shí)候失去焦點(diǎn)。

復(fù)制代碼
代碼如下:
<a href="#" onfocus="this.blur();">鏈接</a>

這種辦法很管用，但過(guò)于暴力，最好不要用了。

相關(guān)文章

最新評(píng)論