首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

去掉IE跟Firefox点击链接时的焦点虚线框

2012-10-07 
去掉IE和Firefox点击链接时的焦点虚线框当你把链接定义成一个漂亮的触发按钮时,它不再需要按下时简陋的虚

去掉IE和Firefox点击链接时的焦点虚线框

当你把链接定义成一个漂亮的触发按钮时,它不再需要按下时简陋的虚线框来帮助识别了,即碍眼又破坏设计的美感,这时就该干掉虚线框!
IE里需要在?a?标签中加入?hidefocus=”true”?属性:<a?href=””?hidefocus=”true”?title=””>siteface</a>
而在Firefox等浏览器中定义CSS:a?{?outline:none;?}或者a?{?outline:0;?}?就可以了。
在IE里?hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于:
onFocus=”true”
它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。
也可以在CSS文件里这样定义:
a{blur:expression(this.blur());}/*针对?IE*/
a?{?outline:none;?}?/*针对firefox等*/
但要注意expression是容易引起性能问题的。

1 楼 nesnil 2011-05-04   盲人使用的时候会很困扰哦!
如果是有无障碍浏览的需求时, 是不可取的.

热点排行