`
blueion
  • 浏览: 40306 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

去掉focus时元素周围的虚线框

 
阅读更多

非IE浏览器以及IE8+#

利用CSS的outline属性:

    outline:none;

IE6,IE7#

增加hidefocus属性:

    <BUTTON HIDEFOCUS="true">TEST</BUTTON>

不要在focus的时候使用blur事件这种山寨方法。

分享到:
评论

相关推荐

    去掉超链接的虚线框

    当用户通过鼠标或触摸设备点击超链接时,大多数浏览器默认会在链接周围显示一个虚线框,这通常被称为“焦点轮廓”(focus outline)。这个设计的初衷是为了增强可访问性,帮助视觉障碍用户或使用键盘导航的用户更...

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

    在网页设计中,我们经常会遇到一个细节问题,那就是当用户点击链接时,浏览器会在链接周围显示一个虚线框,这是浏览器默认的一种行为,用于突出显示当前被点击的元素。这种虚线框通常由`outline`属性控制。在某些...

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

    在网页设计中,当用户点击一个链接时,为了提供视觉反馈,浏览器通常会在该链接周围显示一个虚线框。这种默认行为可能会在用户体验上显得不够专业,尤其是...因此,在决定去除虚线框时,应权衡好易用性和美观性的平衡。

    css 去除连接时的虚线框

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

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

    最直接的方法就是通过CSS的`outline`属性,这个属性用于设置元素周围的一条轮廓线,当元素获取焦点时显示。如果要隐藏这种轮廓线,可以将`outline`属性设置为`none`。如下的CSS代码将会去除所有具有类名为`fontnav`...

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

    其中一个典型的例子就是在Firefox浏览器中,当用户点击一个链接(a标签)时,链接周围会显示一条虚线边框。这种现象在Internet Explorer和Google Chrome等其他浏览器中并不常见,因此可能给用户带来不一致的视觉体验...

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

    当用户点击超链接后,在不同的浏览器中可能会出现不同的表现形式:某些浏览器会在被点击的元素周围显示一个虚线框(或实线框),这被称为“焦点样式”或“选中状态”。这种样式通常由浏览器默认设置,无法通过简单的...

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

    当在Firefox中点击一个超链接时,浏览器会在链接周围显示一条虚线边框,这一现象是为了帮助用户识别当前被点击的元素,尤其对于视力有障碍或者使用键盘导航的用户来说具有一定的辅助作用。然而,这种设计并不总是...

    css去掉链接虚框

    在网页设计中,当用户通过键盘导航(例如使用Tab键)或使用辅助技术(如屏幕阅读器)与页面交互时,浏览器默认会在可聚焦元素(如`&lt;a&gt;`标签、某些表单元素等)周围显示一个虚线边框,称为“焦点轮廓”或“虚框”。...

    最全的CSS浏览器的兼容问题

    在网页中,当用户使用键盘导航或访问过链接时,默认情况下链接周围会出现一个虚线框。这种现象虽然符合无障碍设计原则,但在某些情况下可能会影响美观。解决此问题的方法有两种: 1. **IE下**: ```css a { ...

    javascript常用代码.pdf

    - 当用户点击图片链接时,周围通常会出现虚线边框,这可以通过在`&lt;a&gt;`标签上添加`onFocus`事件来消除,如`()"&gt;&lt;img src="logo.jpg" border=0&gt;&lt;/a&gt;`。 3. **电子邮件表单提交**: - HTML表单可以用于提交数据到...

    40种网页常用小技巧(javascript)

    11. 去除图片链接虚线:在图片链接周围添加 `onFocus="this.blur()"` 可以消除链接被点击后出现的虚线框。 12. 电子邮件表单提交:使用 `&lt;form&gt;` 标签的 `action` 属性设置为 `mailto:` 开头的地址,可以将表单数据...

    JavaScript.txt

    - **解释**:这段代码定义了一个带有图片的链接,通过设置`border`属性为`0`来去除图片周围的边框,并通过`onFocus`事件处理程序调用`this.blur()`方法来避免点击链接时出现虚线框。 ### 17. 表单提交至邮箱 - **...

    盲人站长深恶痛绝的onfocus=”this.blur()”

    “onfocus='this.blur()'”是一个JavaScript事件处理函数,它会在元素获得焦点时立即移除焦点,通常用于消除链接或按钮在获得焦点时周围的虚线边框。然而,这个技术对于使用屏幕阅读器的盲人用户来说是极其不利的。...

Global site tag (gtag.js) - Google Analytics