关灯
开启左侧

[网页制作] 如何去除点击链接时出现的虚线框

[复制链接]
swmozowtfl 发表于 2015-7-12 13:28:09 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
方法一:
ie 下可使用其私有的html属性:hidefocus,在标签的结构中加入 hidefocus=”true” 属性。即:
<a href=http://www.taobao.com hidefocus=true title=></a>
而在 firfox 浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
.hidefocus {
outline:none;/*outline:0;也可以*/
}
方法二:
也可以仅用 css 来控制,即对 ie 的情形使用 expression 表达式,但不推荐使用,毕竟 expression 在性能上有问题。
.hidefocus {
hide-focus: expression(this.hidefocus=true); /* for ie 5+ */
outline: none; /* for firefox 1.5 + */
}
opera9 似乎默认就不显示焦点虚线框。
除链接外,该 css 同样适用于 input 和 button 标签。
ie6, ie7, ff1.5, ff2, opera9 测试通过。

更多网页制作信息请查看: 网页制作
 

精彩评论9

正序浏览
effoggikeftor 发表于 2015-12-12 18:41:51 | 显示全部楼层
 
哎 天理何在啊??
 
mwxny 发表于 2015-12-12 18:41:54 | 显示全部楼层
 
貌似我真的很笨????哎
 
tohme 发表于 2015-12-12 18:42:20 | 显示全部楼层
 
做为新人!在这里不敢大声说话!送完经验我就走!
 
wwdu926a 发表于 2015-12-12 18:42:33 | 显示全部楼层
 
哦~~~明白了....
 
wwdu926a 发表于 2016-1-6 21:26:51 | 显示全部楼层
 
哎 我我我怎么办啊??
 
effoggikeftor 发表于 2016-1-6 21:27:28 | 显示全部楼层
 
看完楼主的帖子,我的心情竟是久久不能平静
 
mwxny 发表于 2016-1-6 21:27:42 | 显示全部楼层
 
哈哈 瞧你说的~~~
 
buingeEvineus 发表于 2016-1-6 21:27:54 | 显示全部楼层
 
还没崇拜过谁呢,满足一下愿望吧,谢谢!
 
gevaemaidovef 发表于 2016-1-6 21:27:59 | 显示全部楼层
 
哈哈 ok ~~~
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

1粉丝

2503帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )