去掉点击a标签时产生的虚线框

1．直接给a 标签添加属性:onfocus="this.blur()" 即可 For Example: <a onfocus="this.blur()" href="http://baidu.com">去掉虚线框</a> 2．添加outline: none属性(最常见的使用方法)…

火狐浏览器下点击a标签时出现虚线的解决方案

1.兼容性问题火狐浏览器下点击a标签时出现虚线 2.解决方案 a:focus { outline: none;}…

1:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框. <a href="#" onfocus="this.blur();">这里设置聚焦时触发blur();强制取消焦点. 2:在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里.这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题. 3:不适用a标签做链接,采用其他标签,使用js做出hover的效果,在css…

移动端优化 && 清除移动端网站点击a标签时闪现的边框或遮罩层（CSS） && 移动端点击 && 文字不可选择

在移动端网站,当你点击加了a标签的文字或图片时,该元素的周围会闪现一个蓝色的边框,在微信上的网站就是如此:而有的浏览器会闪现一个半透明遮罩层,比如移动端的Chrome浏览器,其实这些特效无非就是为了告诉用户已点击了该元素,提升用户体验,但有的时候你会觉得这些特效看起来很别扭,就想着清除它,其实这很简单,只要加上一句CSS就行了. 清除所有a标签在点击时出现的特效: a{ -webkit-tap-highlight-color:rgba(255,0,0,0);} 如果我们希望用户不能复制文字,…

a:focus{outline: none;} 如何去掉点击链接时周围的虚线框outline属性

1. CSS方式在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true”属性即可,但这个属性是IE私有的,Firefox是不认的. 加了hidefocus属性 IE中用CSS处理的方式为: a{noOutline:expression_r(this.onFocus=this.blur());} Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可: a:focus{outline:none} MSIE…

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去除点击按钮时出现的虚线框

1. outline:none://需要配合仅ie6和ie7支持的css属性blr:expression_r(this.onFocus=this.blur()); 优点:较为常用缺点:ie6.ie7并不认识outline属性,需要配合仅ie6和ie7支持的css属性blr:expression_r(this.onFocus=this.blur());使用来达到兼容,expression 条件,这句话的意思是链接在获得焦点的同时失去焦点,但是blr不宜多用,会影响效率. 2.hidefocus:…

消除a标签点击后产生的虚线框

为a标签添加这条属性: a:focus {outline:none;-moz-outline:none;}…

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

设置a标签属性outline即可如: a { outline: none; } a:focus { outline: none; } 在firefox测试通过,webkit内核浏览器无此问题…

每次当浏览到网页,点击tab标签又回到顶部去了！

通常tab的标签使用a链接,而a链接的href值为#,这是一个锚点的属性,因此他会跳转到网页的顶端.如果你的tab包含一个id=tab,也可以设置为href="#tab"这样他就会停止在tab的部分. <a>标签中href='#panel-B' 就是当点击<a>标签时,页面会停止在tab的部分.不显示上面的tab标签较为标准的做法是禁止a的href属性跳转.…