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

==============================================================================

完整的解决虚线的办法：（本博客的另一篇文章中有说明）
http://hi.baidu.com/chai516_zjnb/blog/item/d97551a89a4fbef11e17a2cc.html

转载于:https://www.cnblogs.com/osmond/archive/2011/09/26/2191744.html

css中hideFocus的用法相关推荐

css中hideFocus的用法（去除鼠标点击时的虚线）
简单说:hideFocus是对超链接外虚线框的设定! hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.blur()" 它的值是一 ...
关于css中hideFocus的理解
参考: http://apps.hi.baidu.com/share/detail/16858961 css中hideFocus的用法简单说:hideFocus是对超链接外虚线框的设定! hideF ...
html nthchild作用,详解CSS中:nth-child的用法
前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是":nth-child". 下面我将用几个典型的实例来给大家讲解:nt ...
html css中margin的用法
css中margin的用法 1.使用auto实现在浏览器水平自动居中 2.margin实现贴边 3.使用margin垂直外边距的合并示例: 4.margin-top的塌陷问题 1.外部盒子设置一个边 ...
CSS 中 !important的用法总结
下面简要的给大家讲一下CSS 中一个比较重要的!important属性,从笔者的实践中总结了以下两点: 1.用于解决IE对某些CSS规范有偏差的情况. 比如在IE中的效果总是和其他的浏览器如firef ...
CSS中@support的用法
这段时间一直在调试浏览器的兼容性问题,了解到了@support的这个属性,记录下: CSS中的@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写 ...
css中 media的用法,如何在css中正确使用@media
如何在css中使用@media作为特定分辨率?所以我想让我的侧栏更改取决于用户分辨率,所以我使用@media.如何在css中正确使用@media 这是示例代码: @media (max-width: ...
CSS中flex的用法( 学习笔记 )
flex( 弹性盒.伸缩盒 ) flex 的介绍 flex是CSS中的又一种布局手段,它主要用来代替浮动来完成页面的布局 flex可以使元素具有弹性,让元素可以随页面的大小的改变而改变弹性容器要使 ...
CSS中的cursor用法
CSS中的光标类型语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no ...

css中hideFocus的用法

css中hideFocus的用法相关推荐

最新文章

热门文章