用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>
您可能还会对这些文章感兴趣!
- 微信网站怎么做,微网站如何做?微网站是什么(4447 +)
- 网页的栅格系统设计(2779 +)
- dedecms安全设置,DEDE网站安全设置仿挂名教程(2800 +)
- linux,centos下加压、解压tar,gz,bz2,tgz,zip等(3986 +)
- smarty截取字符串(2774 +)
- js判断是否在微信浏览器中打开(3097 +)
- wordpress while主循环显示内容的方法(3117 +)
- centos用户组与用户管理,Linux FTP用户添加,linux用户列表,linux组列(4596 +)
- php textarea输出换行符,php文本输出换行符(3563 +)
- docker image导出与导入(2352 +)