`

去掉焦点虚线

    博客分类:
  • css
阅读更多

在网上找到的方法,挨个试了下:
一 在<a>标签中加入onFocus="this.blur()"语句:

<a href="#" onFocus="this.blur()">try</a>
方法笨,但是好使,兼容ie,ff

二 在<a>标签中加入hidefocus:

<a href="###" hidefocus>link</a>
ff下不起作用。

三 如果连接太多,可以用外部链接 .HTC 文件。
如,blur.htc 文件内容如下:

<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>

在 CSS 中加入如下代码:
A { behavior:url(blur.htc); }
ff下不起作用。

四 使用CSS样式,可加入代码:

a {blr:e­xpression(this.onFocus=this.blur())}
ff不起作用

第一种方法虽然起作用,但是如果一个页面很多链接就很麻烦了,理想的办法:
在第四种的基础上 加个a{outline:none;}

分享到:
评论

相关推荐

    去掉超链接的虚线框

    在网页设计与开发中,超链接的外观与交互体验...同时,考虑到可访问性和用户体验,去除超链接的虚线框应谨慎操作,确保不会影响到依赖于焦点轮廓进行导航的用户。在追求美观的同时,也应兼顾功能性和无障碍设计的原则。

    Win7如何取消桌面图标虚线框.docx

    需要注意的是,该方法不是永久去除虚线框,因为虚线框是为键盘方向键选择桌面图标定位焦点使用的,虚线框所在图标为当前焦点所在位置,按方向键可以继续转移焦点。此功能属于系统内置属性,无法根除。 知识点5:...

    IE下target获得焦点时产生虚线问题的解决方法

    在IE浏览器中,特别是旧版本,出现的焦点虚线问题可以通过特定的属性或者样式调整来解决。具体的方法是使用HTML元素的hidefocus属性。hidefocus属性是一个针对IE浏览器的特定属性,它能够隐藏元素的焦点指示器(即...

    IE4 IE5中点击一个图片链接(实际是链接获得焦点)或者文字连接的时候,周围就会出现一圈讨厌的虚线框,用这个插件可以去掉

    IE4 IE5中点击一个图片链接(实际是链接获得焦点)或者文字连接的时候,周围就会出现一圈讨厌的虚线框,用这个插件可以去掉

    win7怎样将桌面图标的虚线框去掉.docx

    这些虚线框通常被称为“焦点框”或“选择框”,它们是Windows系统为了突出显示被选中对象的一种视觉反馈。尽管这些框并不会对系统的正常功能造成影响,但有些人可能觉得它们不太美观或者干扰视线。以下是如何在...

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

    至于IE浏览器,比较遗憾的是,目前还没有找到通过CSS去掉链接虚线框的完美解决方法。所以,只能使用IE特有的`hidefocus`属性来实现这一需求。 总结来说,去除非必要的焦点轮廓线,主要集中在移除`outline`属性,并...

    去掉点击链接时出现的虚线框的几个方法

    onfocus事件会在链接获得焦点时触发,而this.blur()是一个JavaScript方法,用于使链接失去焦点,从而去除虚线框。代码示例为: ()"&gt;链接 这种方法简单直接,但仅适用于非锚点链接,因为如果链接是锚点,点击后需要...

    使用CSS去掉超链接的虚线边框的方法

    在网页设计中,超链接(`&lt;a&gt;`标签)和其他交互元素如输入框(`&lt;input&gt;`)和按钮(`...如果决定去除虚线边框,建议通过其他方式(如改变颜色、添加背景等)来提供视觉反馈,以便用户知道他们当前所处的焦点位置。

    css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器

    特别是点击链接元素时,浏览器往往会默认给这些元素加上一个虚线框来标示出当前被激活的元素,这种行为在不同的浏览器上可能会有所不同,但其主要目的是为了向用户指示哪个元素是当前焦点。在某些情况下,这种虚线框...

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

    文档描述了如何创建一个`.htc`文件,该文件包含一段JavaScript代码,在元素获得焦点时调用`blur()`方法去除焦点。在HTML文件中,通过`behavior:url(line.htc);`链接到HTC文件来应用这种行为。 此外,文档还提到了一...

    图片链接无虚线,保证在ff和ie下正常运行

    本篇文章将详细介绍如何去除图片链接上的虚线边框,并确保在FF和IE等浏览器中的正常显示。 #### 关键概念解析 1. **虚线(Outline)**:在HTML元素聚焦时,默认情况下某些浏览器会自动添加一个虚线边框来增强可访问...

    用css消除button/selcet等控件选中时的虚线框(让页面美观点)

    在某些浏览器中,当元素获得焦点时,系统会自动添加一个虚线边框以提示用户当前的焦点位置。 为了消除button、select等控件的虚线边框,我们可以在CSS中设置`outline`为`none`。如下所示: ```css input, button, ...

    wpf button去掉虚边框

    当`FocusVisualStyle`被设置为`"{x:Null}"`时,表示取消控件获得焦点时的视觉效果,即去除虚线边框。 #### 2. Focusable 属性 除了`FocusVisualStyle`之外,`Focusable`属性也非常重要。当`Focusable`被设置为`...

    css 去除连接时的虚线框

    根据给定文件信息,主要有两种方法可以去除链接时的虚线框,一种是使用CSS属性“outline”并将其值设置为“none”,另一种是使用一个特定于旧版IE浏览器的表达式。 1. 使用outline属性 outline是CSS的一个属性,它...

    firefox的超链接点击去除扩大的难看虚线的解决方法

    这样做虽然能去除链接的虚线边框,但同时也会影响其他需要焦点指示的元素,如按钮,降低用户体验。 更合理的解决办法是在网页的CSS样式表中进行针对性的调整。通常,我们可以利用CSS选择器来定位超链接的`:focus`伪...

    去掉点击链接时周围的虚线框outline属性

    然而,这种虚线边框可能不符合某些设计师的视觉要求,因此有时会希望去除它。标题“去掉点击链接时周围的虚线框outline属性”以及描述中提到的问题,就是针对这一需求的解决方案。 首先,我们来看方法一,这种方法...

    使用JS CSS去除IE链接虚线框的三种方法

    `来去掉虚线框,但在IE中无效: ```css a:focus { outline: none; } ``` 3. **HTML标签属性**: - **方法三**:使用`hidefocus`属性,此属性仅在IE浏览器中有效: ```html 设计蜂巢 ``` 4. **HTC...

Global site tag (gtag.js) - Google Analytics