一個(gè) A 標(biāo)簽，當(dāng)鼠標(biāo)點(diǎn)擊該超鏈接時(shí)，設(shè)置此超鏈接的文本或圖片外圍會(huì)顯示一個(gè)虛線形式的聚焦框，有沒(méi)有什么方法可以去除或隱藏？

1、IE里需要在 A 標(biāo)簽中加入 hidefocus=”true” 屬性就可以隱藏聚焦虛線框，舉例：

<a href=”#” hidefocus=”true” >文本超鏈接</a>

 

如果想為 IE 定義 CSS 樣式，可以使用以下方法（expression 方法容易引起性能問(wèn)題，不建議使用）：

a{ blur:expression(this.blur()); }     /* IE適用 */

2、Firefox等瀏覽器中只需定義 A 標(biāo)簽的 CSS 樣式就可以隱藏聚焦虛線框：

a { outline:none; }    /* FireFox等適用 */

 

資料閱讀：

hidefocus 即隱藏聚焦，是HTML標(biāo)簽的一個(gè)屬性，具有使對(duì)象聚焦失效的功能。如果一個(gè)A標(biāo)簽，沒(méi)有加 hidefocus 屬性，那么鼠標(biāo)點(diǎn)擊該超鏈接，則外面出現(xiàn)一個(gè)虛線框，即為聚焦。而使用了hidefocus則不會(huì)有虛線框。

 

hidefocus 屬性除了 A 標(biāo)簽可以用外，所有的HTML標(biāo)簽都可以使用，用法和含義相同，使得對(duì)像獲取焦點(diǎn)時(shí)和沒(méi)獲取焦點(diǎn)時(shí)的表現(xiàn)形式一樣。

 

hidefocus 其功能相當(dāng)于：onfocus="this.blur()" ，但這種說(shuō)法不嚴(yán)謹(jǐn)?shù)模琱idefocus是隱藏對(duì)像獲取焦點(diǎn)時(shí)的特性，this.blur() 則是讓對(duì)像失去焦點(diǎn)，所以，相對(duì)于A標(biāo)簽來(lái)說(shuō)，這兩者是一樣的效果，而對(duì)于輸入框來(lái)說(shuō)，那區(qū)別就很明顯了，如果給輸入框加上onfocus="this.blur()"，那就無(wú)法輸入文字了。