`
liudaoru
  • 浏览: 1579063 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

去掉链接周围虚线的方法

    博客分类：
  • Ajax
IEFirefoxCSS 
阅读更多
在CSS里加上 
  a,area   {   blr:expression(this.onFocus=this.blur())   }   /*   for   IE   */  或者 <a href="#" onfous="this.blur();">www</a>
  :focus   {   -moz-outline-style:   none;   }   /*   for   Firefox   */
分享到：
| JSTL改进JSP来简化网页的实现过程[z]
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js 特效 html 特效 去掉图片链接周围虚线

    js 特效 html 特效 去掉图片链接周围虚线

    javascript经典特效---去掉图片链接周围虚线.rar

    这在某些设计风格中可能并不...总之，去掉图片链接周围虚线的方法多种多样，关键在于理解CSS和JavaScript之间的交互，并根据具体应用场景选择最合适的技术。通过学习和实践，我们可以使网页更加美观且符合用户预期。

    去掉超链接的虚线框

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

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

    总结起来，去除链接点击时的虚线框，我们可以采用HTML的`hidefocus`属性（仅限IE），CSS的`:focus`伪类结合`outline`属性，或者使用JavaScript动态处理。选择哪种方法取决于兼容性需求、设计要求以及项目的技术栈。...

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

    总结以上方法，我们可以看到虽然去除链接虚线框的需求很常见，但是实现的方法各有优劣，需要根据目标浏览器和项目需求来选择最适合的方案。需要注意的是，移除虚线框可能会使得键盘导航变得更困难，因为视觉上不再有...

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

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

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

    在前端制作的过程中会发现，一些文字/图片链接，或者一些input控件，在点击时会在周围出现虚线边框，一般会在火狐和IE浏览器下出现虚线框，谷歌下不会有。 　这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标...

    css去掉链接虚框

    #### 二、CSS技巧：如何去除链接虚框 要实现去掉链接虚框的效果，可以使用CSS中的`outline`属性。下面将详细介绍几种常见的方法： 1. **基本方法**： ```css a { outline: none; } ``` 这是最简单直接的...

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

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

    swfobject 2.2 去除网页Flash（SWF文件）的虚线框

    内容索引:脚本资源,Ajax/JavaScript,swfobject　swfobject.Js 2.2 去除...而且需要双击两次鼠标Flash的链接才生效，这样给用户带来了极大的不便，使用swfobject.Js文件就可以很好的解决这个问题，将虚线框完全去除。

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

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

    css 去除连接时的虚线框

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

    鼠标指向网页图片时图片周围显示虚线框

    在给定的标题和描述中，提及的问题是“鼠标指向网页图片时图片周围显示虚线框”，这正是通过CSS的`:hover`伪类来改变图片边框样式的一个典型应用。 首先，让我们深入理解这段代码的工作原理。在HTML结构中，有一个`...

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

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

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

    虽然以上方法可以在大多数情况下有效解决虚线框问题，但还需要注意以下几点： - **跨浏览器兼容性**：不同的浏览器可能有不同的默认样式设置，因此需要确保所使用的解决方案能够覆盖所有主流浏览器。 - **辅助功能*...

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

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

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

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

    javsropt代码

    &lt;input style="ime-mode:disabled"&gt; 关闭输入法 &lt;br/&gt;光标是停在文本框文字..."&gt; &lt;br/&gt;怎样去掉图片链接点击后，图片周围的虚线？ &lt;a href="#" onFocus="this.blur()"&gt;&lt;img src="logo.jpg" border=0&gt;&lt;/a&gt;

    javascript常用代码.pdf

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

Magicbox
Global site tag (gtag.js) - Google Analytics