现在的位置: 网页制作教程网站制作教程 >正文
网页基础教程

如何消除点击超链接产生的虚线框痕迹

发表于2016/12/14 网站制作教程 0条评论 ⁄ 热度 1,314℃

我们在网页中点击了超链接后,再回到原网页中,会发现超链接的文字样式发生变化,周边出现一个虚线框。

很多人不喜欢这个虚线框,今天就教大家用原生的方法消除超链接留下的虚线框痕迹

超链接锁链

解决办法:

IE里需要在 A 标签中加入 hidefocus=”true” 属性就可以隐藏聚焦虚线框,举例:

<a href=”#” hidefocus=”true” >文本超链接</a>

如果想为 IE 定义 CSS 样式,可以使用以下方法(expression 方法容易引起性能问题,不建议使用):

a{ blur:expression(this.blur()); }     /* IE适用 */

Firefox等浏览器中只需定义 A 标签的 CSS 样式就可以隐藏聚焦虚线框:

a { outline:none; }    /* FireFox等适用 */

扩展阅读

hidefocus 即隐藏聚焦,是HTML标签的一个属性,具有使对象聚焦失效的功能。如果一个A标签,没有加 hidefocus 属性,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用了hidefocus则不会有虚线框。

hidefocus 属性除了 A 标签可以用外,所有的HTML标签都可以使用,用法和含义相同,使得对像获取焦点时和没获取焦点时的表现形式一样。

hidefocus 其功能相当于:onfocus="this.blur()" ,但这种说法不严谨的,hidefocus是隐藏对像获取焦点时的特性,this.blur() 则是让对像失去焦点,所以,相对于A标签来说,这两者是一样的效果,而对于输入框来说,那区别就很明显了,如果给输入框加上onfocus="this.blur()",那就无法输入文字了。

  • 暂无评论