去掉A标签点击链接自动产生的虚线边框(兼容FF)

<style type="text/css"> a:link,a:visited{ text-decoration:none; /*超链接无下划线*/ } a:hover{ text-decoration:underline; /*鼠标放上去有下划线*/ } </style> 转自：https://www.cnblogs.com/zxyun/p/4378249.html

排除误解 网络资料说这个属性只用于iOS(iPhone和iPad)，其实是错误的，android手机大部分也是支持的，只是显示效果不一样，移动开发并不成熟，更多的还需要大家去实践来辨别真伪- - -webkit-tap-highlight-color用法 webkit内核的浏览器，当用户点击一个链接或者通过js定义的可点击元素的时候，会出现一个半透明的灰色背景或者红色的边框。 如果想要禁用...

有的浏览器如Firefox，在a标签(链接)点击后会留下一个虚线边框，影响美观，如下图所示：我们如果想a标签(链接)在点击后不要留下虚线边框，要怎么做呢？其实，我们可以从css来设置，达到要求。css代码如下：a {outline:none;}代码解释，给a标签定义一个 outline:none; 的属性，是告诉a标签不要外部边框。CSS outline 属性定义和用法outline (轮廓)是绘...

什么是a标签点击之后出现的虚线框？如图所示，当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。

纯CSS去掉超链接或按钮点击时出现的虚线边框 style type="text/css"> a,input,button{ outline:none; } ::-moz-focus-inner{border:0px;} style> 从以上代码可以看出，可以通过设置CSS属性outline解决。　　FF存在bug，其中input，button标签通过私有属性::-moz-focus-inne

outline是css3的一个属性，用的很少。 声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。 outline控制的到底是什么呢？ 当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、g...

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } 全 局控制 　CSS实现 　a{blr:expression(this.onFocus=t...

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } 全 局控制 　CSS实现 a{blr:expression(this.onFocus=this.close())...

当我们点击链接后，链接周围会显示一个虚线框，那么怎么去掉这个虚线框呢？其实方法还挺多，用CSS就可以，但使用javaScript似乎也是一个好方法。

<a>标签点击时会出现虚线框，如何去掉这虚线框呢？ 在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： <a href="#" hidefocus="true" title="腾讯网">腾讯网</a> 而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即： a { outl...

1.普通状态2，鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态 focus 经常用来取消a链接点击后产生的虚线边框 a:focus{ outline: none; } <style type="text/css"> .btn { color: white; background-col...

当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果，所以看不到。 这个就是a标签被聚焦后出现了虚线框，也就是outline; 基本上这个是没有用的效果，大多数情况下我们会希望不要出现这...

去掉a标签超链接的虚线框的方法，需要的朋友可以参考下。 a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } 全 局控制 　CSS实现 a{blr:expression(t...