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. οnfοcus=”this.blur()”;      //该方法需要与border:none;配合使用。

优点：比较通用。

缺点：

（1）属于局部控制的手段，需要在每一个需要去虚线边框的标签上使用；

（2）然后这是属于script范畴，对于禁用JavaScript的用户来说不起作用；

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

转载于:https://www.cnblogs.com/weimingxin/p/8541204.html