用css代码去掉点击图片和链接讨厌的虚线框
用css代码去掉点击图片和链接讨厌的虚线框
在IE下,点击后会出现一个虚线框,很是讨厌,
在Firefox(以下简称FF)里可以用-moz-outline:none; 或者outline:none;来将其去掉
如: a:focus{ -moz-outline:none; outline:none; }
顺便插一句,用过Safari和Chrome的肯定记得,在鼠标移动到输入框上时会出现阴影效果。
如果不想要这个效果,也可以用outline属性来实现: input{ outline:none; } 言归正传,刚才说了这么多,还没说到在IE下如何实现。
遗憾的是没有找到通过css去掉IE链接虚线框的办法,不过在IE里,a标签有个独有的属性,就是hidefocus: <a href="#" hidefocus="true">我是一个链接</a> 对应的JS应该是:xxx.hideFocus="true"; 还有一种暴力的方法,就是让它获得焦点的时候,同时让它失去焦点,不过个人还是不推荐这种方法: <a href="#" onfocus="this.blur();">我也是一个链接</a>
您可能还会对这些文章感兴趣!
- CDN加载同时在CDN出错的情况下本地副本加载(3078 +)
- centos cpu查看,linux进程查看,查看所有进程,停止进程(3411 +)
- php项目中json_encode与json_decode的运用,手机绑定与解绑,邮箱绑定与(2903 +)
- js获取时间戳(4314 +)
- jquery数组求和,map求和,js数组求合(6588 +)
- linux在vim中使用查找命令查找指定字符串,VI中查找字符串 (4990 +)
- PHP5 mysqli 教程(3574 +)
- php 科学计数法转换(4171 +)
- thinkphp iis web.config,thinkphp IIS下伪静态配置,thi(5030 +)
- php无限分类数据的树形格式化(2627 +)