css中hideFocus的用法

简单说:hideFocus是对超链接外虚线框的设定!

hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: 

onFocus="this.blur()" 

它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。 

你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用了hideFocus则不会有虚线框。

在IE下,需要在标签 a 的结构中加入 hidefocus="true" 属性。

演示:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
  2. <HTML> 
  3. <HEAD> 
  4. <TITLE> Test </TITLE> 
  5. </HEAD> 
  6. <BODY> 
  7. <a href="#" hidefocus="true" title="XX">没有虚线框</a> 
  8. <br><br> 
  9. <a href="#" title="XX">有虚线框</a> 
  10. </BODY> 
  11. </HTML> 

而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:

  1. a {outline:none;} 

或者

  1. a{blr:expression(thisthis.onFocus=this.blur());outline:none;}//支持IE  

转载请注明:代码家园 » css中hideFocus的用法

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)