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

首頁 > 開發 > CSS > 正文

css去除點擊鏈接時出現的虛線框

2024-07-11 09:01:14
字體:
來源:轉載
供稿:網友

   鏈接在被點擊時會出現虛線框,即使松開了也仍然存在,在有的時候顯得不美觀。既然不好看,那就不要它。怎樣去掉呢?

  方法一

  IE下可使用其私有的html屬性:hideFoucs,在標簽的結構中加入hidefocus="true"屬性。即:

 <a href="http://www.xker.com/" hidefocus="true" title="電腦高手網">武林網</a>

   而在 Firfox 瀏覽器中則相對比較容易,直接給標簽 a 定義樣式 outline:none; 就可以了,即:

  .HideFocus {

  outline:none;

  }

  方法二

  也可以使用CSS expression來控制,但不推薦使用,畢竟expression在性能上有問題。

  .HideFocus {

  hide-focus: expression(this.hideFocus=true); /* for ie 5+ */

  outline: none; /* for firefox 1.5 + */

  }

  除鏈接外,該CSS同樣適用于input和button標簽。

  方法三

  將以下代碼保存為link.htc文件:

  鏈接樣式中加入:

  a {

  behavior:url(link.htc);

  }

  IE中已經沒有問題,但是在FF中虛線框依然存在。再增加一條樣式定義來解決此問題:

  a:focus {

  outline:0;

  }

  這樣IE、FF中虛線都不存在了。

        注:更多精彩文章請關注電腦高手網頁設計教程欄目。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿拉尔市| 彭水| 哈尔滨市| 探索| 长武县| 晴隆县| 深水埗区| 鲁甸县| 临颍县| 平远县| 远安县| 雷州市| 邢台县| 南华县| 西藏| 眉山市| 靖江市| 武隆县| 克东县| 色达县| 万年县| 梁山县| 乌海市| 仪征市| 祁东县| 卢龙县| 西丰县| 昭平县| 玛多县| 鲜城| 资兴市| 淳安县| 水富县| 康定县| 察雅县| 长沙县| 三台县| 盐津县| 萨迦县| 凤阳县| 永年县|