去除a标签单击后的虚线框

设置a标签属性outline即可

如:

a {
  outline: none;
}
a:focus {
  outline: none;
}

在firefox测试通过,webkit内核浏览器无此问题

时间: 2024-07-31 00:58:19

去除a标签单击后的虚线框的相关文章

CSS去掉 a 标签点击后出现的虚线框

方法一: 在a标签里加入js控制,当a标签被聚焦时,强制取消焦点<a href="#" onfocus="this.blur();">测试</a> 方法二: a:focus {  outline:none;   -moz-outline:none;} 方法三: 在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}  方法四: 在a标签里嵌套其他标签,比如sp

css去掉a标签点击后的虚线框(转自网络)

outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基本

css去掉a标签点击后的虚线框

outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基本

&lt;a&gt;标签里的&lt;img&gt;标签点击虚线框

<a href="#"> <img src="" /> </a> 当img嵌套在a标签里,点击时,会出现虚线框,如何去掉虚线框?css代码如下: a{outline:none;} a:active {outline:none;blr:expression(this.onFocus=this.blur());} img,a .img{border:0} html标签如下: <a href="#" onfoc

去掉a标签超链接的虚线框的方法

去掉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(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */ a{blr:e

js去除热点的虚线框

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Microsoft YaHei"; color: #2eafa9 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Microsoft YaHei"; color: #6b82d9 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px &quo

去除点击链接时出现的虚线框

图像链接在被点击时会出现虚线框,即使松开了也仍然存在,在有的时候显得不美观.所以最好就把它给去掉 方法一 IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus="true"属性.即: <a href="http://www.xker.com/" hidefocus="true" title="网">网</a> 而在 Firfox 浏览器中则相对比较容易,直接给标签

laravel 文章去除html标签后显示

使用编辑器存入数据库的文章都带有html标签,标签是用来对文章格式的排版 我在网页上要显示去除html标签,使用laravel自带方法 {!!  文章  !!} 这样文章的html标签可以自己转义. 文章列表页面,不能让文章内容全部显示,所以限制字符数,使用laravel自带方法 str_limit ( $post , 100 , ... ) 第一个参数为文章内容,第二个为显示多个少个字符,第三个参数为超出的字符隐藏,用这个来显示. 原文地址:https://www.cnblogs.com/mu

CSS和JS去掉链接虚线框的多种方法

当我们点击链接后,链接周围会显示一个虚线框,那么怎么去掉这个虚线框呢?其实方法还挺多,用CSS就可以,但使用javaScript似乎也是一个好方法. 1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的.前端框架示例 .代码   <a href="#" hidefocus="true" title