国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

去掉a標簽超鏈接的虛線框的方法

2024-07-11 08:47:54
字體：大 中 小
來源：轉載
供稿：網友
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }

全 局控制 　CSS實現
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，過多使用效率低 */ 　
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，過多使用效率低 */ 　
a:focus { -moz-outline-style: none; } /* IE不支持 */

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

當一個鏈接得到焦點時，默認會有個虛線框。如圖：


在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 來將其去掉。所以我們可以這樣寫：
a:focus {
     outline:none;
     -moz-outline:none;
}
順便提一下，如果你用過 Safari 和 Chrome 可能會發現，當輸入框得到焦點時邊框會出現陰影效果。

如果想去掉陰影效果也可以用 outline 屬性。
input,textarea {
     outline:none;
}
言歸正傳，剛剛說的是 Firefox ，現在說說 IE。首先比較遺憾，還沒有找到通過 CSS 去掉 IE 鏈接虛線框比較好的解決辦法。所以只能用一個替代的辦法，就是 a 標簽的 hidefocus 屬性(這個屬性是 IE 獨有的)。
<a href="#" hidefocus="true">鏈接</a>

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 镶黄旗| 闵行区| 龙海市| 肇东市| 晋城| 龙川县| 镇平县| 北京市| 神农架林区| 安化县| 南木林县| 新源县| 策勒县| 雷山县| 巴青县| 西乌珠穆沁旗| 玉树县| 资兴市| 徐闻县| 蒙阴县| 滦平县| 冕宁县| 鹿泉市| 宜州市| 盐山县| 汉沽区| 海门市| 漳州市| 苏尼特右旗| 和田县| 濮阳市| 理塘县| 东莞市| 清苑县| 玉龙| 顺平县| 宽城| 湟中县| 丘北县| 静安区| 区。|