CSS教程:链接外虚线框的设定hideFocus

文章简介:css中hideFocus的用法.

css中hideFocus的用法

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

hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于:
onFocus="this.blur()"
它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。
你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用了hideFocus则不会有虚线框。

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

演示:
<a href="#" hidefocus="true" title="XX">没有虚线框</a>
<a href="#" title="XX">有虚线框</a>
而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
a {outline:none;}
或者
a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE

时间: 2024-07-30 08:35:00

CSS教程:链接外虚线框的设定hideFocus的相关文章

CSS去掉A标签(链接)虚线框的方法

 当一个链接得到焦点时,默认会有个虚线框.如图: 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉.所以我们可以这样写:   代码如下: a:focus { outline:none; -moz-outline:none; } 顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果.   如果想去掉阴影效果也可以用 outline 属性.   代码如下: input,textarea

css去除点击链接时出现的虚线框

  链接在被点击时会出现虚线框,即使松开了也仍然存在,在有的时候显得不美观.既然不好看,那就不要它.怎样去掉呢? 方法一 IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus="true"属性.即:  <a href="http://www.xker.com/" hidefocus="true" title="三联网">三联网</a> 而在 Firfox 浏览器中则

css去掉IE6下的链接虚线框示例

一般去掉虚线框可以用 a,a:focus,a:active{outline:none;} 但IE6并不支持上面写法,来试试下面方法 在IE6下,单击超链接后会出现一个虚线框,有时候不需要这个选线框,去掉的方法是加上hidefocus属性,如: <a id="test" href="#" hidefocus="true">去掉虚线框</a> 想要通过JS去掉的话,将hidefocus写成hideFocus,如: var a

去除链接元素的虚线框(兼容IE7、IE6、FF)

DIVCSS实例教程:去除链接元素的虚线框(兼容IE7.IE6.FF)-浏览器兼容教程 Web的发展非常迅速,UI设计也越来越美观,漂亮.同时也给WEB前端编码提出了新的要求.链接元素在点击时会出现虚线框,由于种种原因,您的主管可能要求你想办法将链接虚线边框出除. 我们采用htc文件的办法来解决这个问题.首页将以下代码保存为link.htc文件.   <public:attach event="onfocus" onevent="hscfsy()"/>

css消除A标签选中时的虚线框

/*为了消除选中时的虚线框*/  a  {      bblr:expression(thisthis.onFocus=this.blur());/*IE使用*/      outline-style:none;/*FF使用*/  }  本文链接http://www.cxybl.com/html/wyzz/CSS/20120613/29941.html 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索html , 虚线 ,

去除链接虚线框

链接 局部控制 <a href="link1.htm" >link1</a> <a href="link1.htm" >link1</a> <a href="link1.htm" hidefocus="true">link1</a> <a href="link1.htm" hidefocus="hidefocus&quo

网页制作技巧:去除链接虚线框

局部控制 <a href="link1.htm" onfocus="this.blur()">link1</a><a href="link1.htm" onfocus="this.close()">link1</a><a href="link1.htm" hidefocus="true">link1</a><a

A标签虚线框去掉3种方法(CSS/JS/jquery)

1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的. <a href="#" hidefocus="true" title="加了hidefocus" >加了hidefocus属性</a> IE中用CSS处理: a{noOutline:expression(

s去除a链接,button,image button的点击时虚线框

var intVal = window.setInterval( searchInit , 50 );    function onloadFun(){    if(window.$){      $(document).ready(function(){        /*去除链接,button,image button的点击时虚线框*/        $("a,input[type='button'],input[type='image'],input[type='submit'],area