`
thunderbow
  • 浏览: 157300 次
  • 性别: Icon_minigender_1
  • 来自: beijing
社区版块
存档分类
最新评论

去掉图片的虚线 失去焦点

阅读更多

关于onFocus
<a href=“http://blog.csdn.net/alonesword/“  onFocus="this.blur()">
<Img Src="Example.jpg" Border=0>
</a>
onFocus是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用Border=0 这个才是去除虚线框的关键所在
(在网上看到有的人用onFocus="this.blur()"来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的)

我的意见:onFocus="this.blur()",使用起来效果还挺好,跟border是没有什么关系的,一两下用也没有必要做成函数了。

分享到:
评论

相关推荐

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

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

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

    `函数,使得元素在获得焦点的同时失去焦点,从而不显示虚线框。例如: ```html ();"&gt;链接 ``` 这种方法虽然有效,但不是最优的选择。因为人为地让元素失去焦点可能会对表单或页面其他功能带来意外的影响,故而属于...

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

    样式可以去除大多数浏览器中元素获得焦点时的轮廓线,但这个方法在IE中的效果并不一致,因此推荐使用hidefocus属性作为更稳定的解决方案。 在处理这类问题时,还需要注意与标准兼容性和可访问性的问题。在大多数...

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

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

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

    Firefox和其他支持CSS3的浏览器,可以通过设置`a:focus`选择器的`outline`属性为`none`来去除虚线框,如下所示: ```css /* 适用于所有支持CSS的浏览器 */ a:focus { outline: none; } /* 如果需要对特定类名的...

    wpf button去掉虚边框

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

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

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

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

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

    DIV的失去焦点(blur)实现方法

    为了消除这种影响,可以使用 `outline: 0` 来去除默认的虚线边框(在 IE 中还需要 `hidefocus="true"`),但仍然要注意这样做可能会对无障碍性产生负面影响。 总结来说,要实现 `div` 的“失去焦点”效果,可以采用...

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

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

    css 去除连接时的虚线框

    在网页设计中,链接元素(`&lt;a&gt;`标签)在被点击或获得焦点时,浏览器通常会自动添加一个虚线边框,这是为了提供视觉反馈,帮助用户识别可交互的元素。然而,在某些设计风格中,这样的虚线边框可能与整体设计不协调,...

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

    - **方法四**:创建一个`.htc`文件,包含JavaScript代码,当链接获得焦点时,调用`blur()`方法。然后在CSS中使用`behavior`属性引用这个`.htc`文件: ```html &lt;!-- .htc 文件内容 --&gt; ()" /&gt; function quit()...

    如何去掉图片点击后的超级链接产生的虚框问题(两种实现方法)

    这个HTC文件定义了一个JavaScript函数`example()`,当链接获得焦点时,调用该函数使链接失去焦点。 然后,在HTML文件的`&lt;head&gt;`部分,我们需要引入这个HTC文件,并设置`a`和`area`标签的`behavior`属性,如下所示:...

    去除在FireFox中点击链接时,出现虚线边框的解决办法

    不过,需要注意的是,完全去除虚线边框可能会影响到有障碍的用户。为了兼顾美观和可访问性,你可以考虑使用其他方法来高亮聚焦的链接,比如改变背景色、边框或文字颜色。例如: ```css a:focus { outline: none; ...

    html消除点击超链接后产生的线框

    ` 这段代码的作用是在获得焦点时立即移除焦点,从而达到消除虚线框的效果。 ##### 2.2 针对Firefox Firefox中可以使用`-moz-outline-style`属性来控制虚线框的样式。为了完全隐藏该样式,可以将其设置为`none`。...

    简单的bom文档

    - **blur**:使元素失去焦点,例如去除按钮聚焦时出现的虚线框。 ##### 4.4 新建窗体函数 - **open** 和 **close**:`open` 用于创建并打开新的浏览器窗口,`close` 则用于关闭当前窗口。 - **open** 函数支持多...

    Jquery动态改变图片IMG的src地址示例

    在给定的内容中提到:“onfocus=this.blur()”,虽然这部分代码是用于禁止元素获得焦点,但由此可见jQuery提供了丰富的事件处理接口。我们可以为元素绑定各种事件,如点击(click)、鼠标悬停(hover)、焦点(focus...

    javascript常用代码.pdf

    - 要去掉超链接的默认边框,可以在链接样式中添加`onfocus="this.blur()"`,这会在链接获得焦点时立即失去焦点,从而隐藏边框。 9. **网页元信息**: - `META`标签用于设置网页的元信息,如设置关键词以利于搜索...

    web前端面试题2.doc

    "`,移除获得焦点时的虚线框。 - FF中:全局CSS设置`a{outline:none;}`,禁用所有链接的轮廓线。 8. **display:none与visibility:hidden的区别**: - `display:none`:元素及其占用的空间完全消失。 - `...

Global site tag (gtag.js) - Google Analytics