CSS去除点击按钮时出现的虚线框

1. outline:none;//需要配合仅ie6和ie7支持的css属性blr:expression_r(this.onFocus=this.blur());

优点:较为常用

缺点:ie6、ie7并不认识outline属性,需要配合仅ie6和ie7支持的css属性blr:expression_r(this.onFocus=this.blur());使用来达到兼容,expression 条件,这句话的意思是链接在获得焦点的同时失去焦点,但是blr不宜多用,会影响效率。

2.hidefocus:hidefocus; //需要配合css的outline:none。

是ie系列的专有属性,能够作用于所有ie序列的浏览器,也可以写作:hidefocus=”hidefocus”;

缺点:非全局控制,需要在每个需要去虚线边框的按钮上加代码。

3. onfocus=”this.blur()”; //该方法需要与border:none;配合使用。

优点:比较通用。

缺点:

(1)属于局部控制的手段,需要在每一个需要去虚线边框的标签上使用;

(2)然后这是属于script范畴,对于禁用JavaScript的用户来说不起作用;

(3)将script直接写在html中对于页面效率有负面作用。