国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 潜江市| 来宾市| 马鞍山市| 股票| 济源市| 五原县| 宁明县| 兰西县| 呈贡县| 陆河县| 米泉市| 通渭县| 松阳县| 宜丰县| 邵东县| 封开县| 报价| 平乡县| 和龙市| 东源县| 金华市| 晋州市| 普格县| 南陵县| 武夷山市| 玛多县| 蛟河市| 四会市| 大英县| 大石桥市| 景德镇市| 隆子县| 千阳县| 天等县| 黑山县| 施甸县| 鹿邑县| 金昌市| 高阳县| 环江| 双辽市|