最近學到html,看到別人寫的代碼帶hidefocus="true",查了一下是使超鏈接不顯示周圍的虛線。
hideFocus即隱藏聚焦,具有使對象聚焦失效的功能,其功能相當於:
onFocus="this.blur()"
它的值是一個布爾值,如hideFocus=true。也可省略賦值直接寫hideFocus。
你給的代碼如果沒有hideFocus,那么鼠標點擊該超鏈接,則外面出現一個虛線框,即為聚焦。而使用了hideFocus則不會有虛線框。
在IE下,需要在標簽 a 的結構中加入 hidefocus="true" 屬性。即:
<a href="#" hidefocus="true" title="xx">xx</a>
而在FF等瀏覽器中則相對比較容易,直接給標簽 a 定義樣式 outline:none; 就可以了,即:
a {
outline:none;
}
順便查了一下outline的用法:
outline (輪廓)是繪制於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。
注釋:輪廓線不會占據空間,也不一定是矩形。
outline 簡寫屬性在一個聲明中設置所有的輪廓屬性。
可以按順序設置如下屬性:
- outline-color
- outline-style
- outline-width
如果不設置其中的某個值,也不會出問題,比如 outline:solid #ff0000; 也是允許的。
