如何去掉超链接文字点击后的灰色框？

在web开发的过程中，你有可能会遇到这样的问题，就是当点击了一个超链接的文字后，文字周围会有虚线，有的时候为了考虑更加美观需要去掉这个虚线，如何去呢？

通过研究可以通过JavaScript的方法来去除，通过纯的JavaScript和jquery两种方法来解决这个问题，下面做一下简要介绍。

可以通过纯粹的JavaScript来实现，只要在页面的head标签里加入以下代码即可：
可以通过jquery来实现。

JQuery 教程

星期六, 01/22/2011 - 01:45 — 花园访客

The Art of Toner

My problem is in Firefox, I get the slider text, the read more button, and the pager item text, but I don't get any image. In Internet Explorer 7, I just get a gray box, no slider text, no button, no pager text, no image. Thea text is meant to read: "If you would like to save on you next purchase toner cartridges, visit the printer ink store online at Toner2Ink.com. They sell many brands of printer ink, MICR toner and regular cartridges at discount prices with free shipping for orders over $49." Thank you for the solution.

回复
quote

星期一, 06/28/2010 - 17:58 — 东方龙马

是这个！~

回复
quote

星期日, 06/13/2010 - 22:39 — yoyo198624

你们说的是不是html中a标签的css属性outline？

貌似我平常用的就是a{outline:none;}这样会有浏览器诧异？

回复
quote

星期日, 05/30/2010 - 13:28 — anyLiv

但该方法也有缺点，对于使用 tab

但该方法也有缺点，对于使用 tab 键切换焦点及不使用鼠标的用户会无法定位焦点到该链接上，这样的牺牲往往是不值得的。而如果将 focus 事件修改为 click 事件的话虽然可以使用 tab 定位焦点，但在点击的瞬间还是会有一个虚线框。开发者可以根据自己的实际情况选择合适的解决方案。

—

MyBlog： http://anyLiv.com/

回复
quote

发表新评论

使用新浪微博登录

标题:

评论:*

输入格式

Filtered HTML

自动将网址与电子邮件地址转变为链接。
允许HTML标签：<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <pre> <h3> <h4> <h5> <h6> <p> <img>
自动断行和分段。
You may quote other posts using [quote] tags.

Full HTML

自动将网址与电子邮件地址转变为链接。
Use to create page breaks.
You may quote other posts using [quote] tags.
Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".

Wiki

Link to content with [[some text]], where "some text" is the title of existing content or the title of a new piece of content to create. You can also link text to a different title by using [[link to this title|show this text]]. Link to outside URLs with [[http://www.example.com|some text]], or even [[http://www.example.com]].
You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
允许HTML标签：<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <pre> <h3> <h4> <h5> <h6> <img> <table> <th> <td> <tr> <thead> <tbody> <tfoot>
自动断行和分段。
自动将网址与电子邮件地址转变为链接。
Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".

更多关於格式化选项的信息

CAPTCHA

请补全“__”处缺失的字，你懂的！

欲穷千里目，更上一层__。（王之焕《登鹳雀楼》） :*

请填写一个正确的答案

用户	水滴数
东方龙马	292
mark	45
maramail	39
akon	37
lugir	28
xiaopeng	23
HiLoveS	19
mlmp	18
sonomama	16
希 .....	15

drupal花园