去掉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是容易引起性能问题的。