html hidefocus="true"


最近學到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; 也是允許的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM