首頁 > 文章 > web前端 > css中關於hideFocus的使用詳解

css中關於hideFocus的使用詳解

黄舟原創: 2017-12-06 13:27:366693瀏覽

可能很有小夥伴看到標題都不知道是什麼意思，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(小技巧)######################################################################### #########3499910bf9dac5ae3c52d5ede7383485標籤中href="/" 和hideFocus="true"##################css中關於hideFocus的使用詳解#########

以上是css中關於hideFocus的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：詳解css載入會造成阻塞嗎下一篇：詳解css載入會造成阻塞嗎

看更多