在网上找到的方法,挨个试了下:
一 在<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:expression(this.onFocus=this.blur())}
ff不起作用
第一种方法虽然起作用,但是如果一个页面很多链接就很麻烦了,理想的办法:
在第四种的基础上 加个a{outline:none;}
分享到:
相关推荐
在网页设计与开发中,超链接的外观与交互体验...同时,考虑到可访问性和用户体验,去除超链接的虚线框应谨慎操作,确保不会影响到依赖于焦点轮廓进行导航的用户。在追求美观的同时,也应兼顾功能性和无障碍设计的原则。
需要注意的是,该方法不是永久去除虚线框,因为虚线框是为键盘方向键选择桌面图标定位焦点使用的,虚线框所在图标为当前焦点所在位置,按方向键可以继续转移焦点。此功能属于系统内置属性,无法根除。 知识点5:...
在IE浏览器中,特别是旧版本,出现的焦点虚线问题可以通过特定的属性或者样式调整来解决。具体的方法是使用HTML元素的hidefocus属性。hidefocus属性是一个针对IE浏览器的特定属性,它能够隐藏元素的焦点指示器(即...
IE4 IE5中点击一个图片链接(实际是链接获得焦点)或者文字连接的时候,周围就会出现一圈讨厌的虚线框,用这个插件可以去掉
这些虚线框通常被称为“焦点框”或“选择框”,它们是Windows系统为了突出显示被选中对象的一种视觉反馈。尽管这些框并不会对系统的正常功能造成影响,但有些人可能觉得它们不太美观或者干扰视线。以下是如何在...
至于IE浏览器,比较遗憾的是,目前还没有找到通过CSS去掉链接虚线框的完美解决方法。所以,只能使用IE特有的`hidefocus`属性来实现这一需求。 总结来说,去除非必要的焦点轮廓线,主要集中在移除`outline`属性,并...
onfocus事件会在链接获得焦点时触发,而this.blur()是一个JavaScript方法,用于使链接失去焦点,从而去除虚线框。代码示例为: ()">链接 这种方法简单直接,但仅适用于非锚点链接,因为如果链接是锚点,点击后需要...
在网页设计中,超链接(`<a>`标签)和其他交互元素如输入框(`<input>`)和按钮(`...如果决定去除虚线边框,建议通过其他方式(如改变颜色、添加背景等)来提供视觉反馈,以便用户知道他们当前所处的焦点位置。
特别是点击链接元素时,浏览器往往会默认给这些元素加上一个虚线框来标示出当前被激活的元素,这种行为在不同的浏览器上可能会有所不同,但其主要目的是为了向用户指示哪个元素是当前焦点。在某些情况下,这种虚线框...
文档描述了如何创建一个`.htc`文件,该文件包含一段JavaScript代码,在元素获得焦点时调用`blur()`方法去除焦点。在HTML文件中,通过`behavior:url(line.htc);`链接到HTC文件来应用这种行为。 此外,文档还提到了一...
本篇文章将详细介绍如何去除图片链接上的虚线边框,并确保在FF和IE等浏览器中的正常显示。 #### 关键概念解析 1. **虚线(Outline)**:在HTML元素聚焦时,默认情况下某些浏览器会自动添加一个虚线边框来增强可访问...
在某些浏览器中,当元素获得焦点时,系统会自动添加一个虚线边框以提示用户当前的焦点位置。 为了消除button、select等控件的虚线边框,我们可以在CSS中设置`outline`为`none`。如下所示: ```css input, button, ...
当`FocusVisualStyle`被设置为`"{x:Null}"`时,表示取消控件获得焦点时的视觉效果,即去除虚线边框。 #### 2. Focusable 属性 除了`FocusVisualStyle`之外,`Focusable`属性也非常重要。当`Focusable`被设置为`...
根据给定文件信息,主要有两种方法可以去除链接时的虚线框,一种是使用CSS属性“outline”并将其值设置为“none”,另一种是使用一个特定于旧版IE浏览器的表达式。 1. 使用outline属性 outline是CSS的一个属性,它...
这样做虽然能去除链接的虚线边框,但同时也会影响其他需要焦点指示的元素,如按钮,降低用户体验。 更合理的解决办法是在网页的CSS样式表中进行针对性的调整。通常,我们可以利用CSS选择器来定位超链接的`:focus`伪...
然而,这种虚线边框可能不符合某些设计师的视觉要求,因此有时会希望去除它。标题“去掉点击链接时周围的虚线框outline属性”以及描述中提到的问题,就是针对这一需求的解决方案。 首先,我们来看方法一,这种方法...
`来去掉虚线框,但在IE中无效: ```css a:focus { outline: none; } ``` 3. **HTML标签属性**: - **方法三**:使用`hidefocus`属性,此属性仅在IE浏览器中有效: ```html 设计蜂巢 ``` 4. **HTC...