可能很有小夥伴看到標題都不知道是什麼意思,hideFocus即隱藏聚焦,具有使物件聚焦失效的功能,其功能相當於: onFocus= this.blur() 它的是一個布爾,如hideFocus=true。也可省略賦直接寫hideFocus。 今天我們就給大家詳細介紹下css中關於hideFocus的使用詳解!
css中hideFocus的用法
簡單說:hideFocus是對超連結外部虛線框的設定!
hideFocus即隱藏聚焦,具有使物件聚焦失效的功能,其功能相當於:
onFocus="this.blur()"
它的值是一個布林值,如hideFocus=true。也可省略賦值直接寫hideFocus。
你給的程式碼如果沒有hideFocus,那麼滑鼠點擊該超鏈接,則外面出現一個虛線框,即為聚焦。而使用了hideFocus則不會有虛線框。
在IE下,需要在標籤 a 的結構中加入 hidefocus="true" 屬性。
示範:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Test </TITLE> </HEAD> <BODY> <a href="#" hidefocus="true" title="XX">没有虚线框</a> <br><br> <a href="#" title="XX">有虚线框</a> </BODY></HTML>
而在FF等瀏覽器中則相對比較容易,直接給標籤a 定義樣式outline:none; 就可以了,即:
a {outline:none;}
或
a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE
#總結:
##本文使用實例詳解了css中關於hideFocus的使用,相信大家也能夠輕鬆掌握了,希望對你的工作有所幫助! ###############相關推薦:###################hideFocus(小技巧)######################################################################### #########標籤中href="/" 和hideFocus="true"##################css中關於hideFocus的使用詳解#########
以上是css中關於hideFocus的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!