去除点击链接时出现的虚线框
2015-07-19 14:07
183 查看
图像链接在被点击时会出现虚线框,即使松开了也仍然存在,在有的时候显得不美观。所以最好就把它给去掉
方法一
IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus="true"属性。即:
<a href="http://www.xker.com/" hidefocus="true" title="网">网</a>
而在 Firfox 浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
方法二
也可以使用CSS expression来控制,但不推荐使用,毕竟expression在性能上有问题。
除链接外,该CSS同样适用于input和button标签。
方法三
将以下代码保存为link.htc文件:
链接样式中加入:
IE中已经没有问题,但是在火狐浏览器中虚线框依然存在。再增加一条样式定义来解决此问题:
google浏览器直接在a标签属性里面添加outline:none;就是了。
例 :
方法一
IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus="true"属性。即:
<a href="http://www.xker.com/" hidefocus="true" title="网">网</a>
而在 Firfox 浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
.HideFocus { outline:none; }
方法二
也可以使用CSS expression来控制,但不推荐使用,毕竟expression在性能上有问题。
.HideFocus { hide-focus: expression(this.hideFocus=true); outline: none; }
除链接外,该CSS同样适用于input和button标签。
方法三
将以下代码保存为link.htc文件:
链接样式中加入:
a { behavior:url(link.htc); }
IE中已经没有问题,但是在火狐浏览器中虚线框依然存在。再增加一条样式定义来解决此问题:
a:focus { outline:0; }
google浏览器直接在a标签属性里面添加outline:none;就是了。
例 :
a{ outline:none; }
相关文章推荐
- 【Android Studio快捷键】之导入相应包声明
- 南京城游记
- 陈力:传智播客古代 珍宝币 泡泡龙游戏开发第五讲:无序列表、有序列表、框架
- centos 6.5 NVIDIA GPU caffe 配置
- vps简单测试命令收藏
- 自定义tabBar(适用于有选中图片随着移动的情况)
- oracle 10g 各版本下载地址
- apache虚拟主机配置
- HDU 2955 01背包
- CSS的扩展less和sass
- 贪心 UVA 11729 Commando War
- 置换过时sizeWithFont:在iOS的7
- CentOS安装JDK
- 1014 装箱问题
- ecmall bug
- 时间转换成字符串
- 计蒜之道 初赛 第三场--腾讯手机地图 题解
- 将yyyy-dd-MM hh:mm:ss字符串格式的时间转换为毫秒
- 最近总结
- 计蒜之道 初赛 第三场--腾讯手机地图 题解