添加重置IE outline方法

css / reset-ie-outline.css

@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,form,p,img,button,ol,ul,li,dl,dt,dd,table,thead{margin:0; padding:0; list-style:none; border:0;}
body{font-size:12px; color:#000; font-family:"微软雅黑","宋体";background-color:#FFF;}

a,button{outline:none;blr:expression(this.onFocus=this.blur());}
a:link,a:visited{color:#333333;-color:#8D8D8D; text-decoration:none;}
a:hover{color:#333333; text-decoration:underline;}
/*begin 去掉Button的虚线框*/
button::-moz-focus-inner,  
input[type="reset"]::-moz-focus-inner,  
input[type="button"]::-moz-focus-inner,  
input[type="submit"]::-moz-focus-inner,  
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;}  
:focus{outline:none;} 
/*end 去掉Button的虚线框*/

table {
	border-collapse:collapse;
}
table, td, th {
	/*border:1px solid #BEBEBE;*/
}




/*
 * IE中去掉outline可以在html元素可直接添加hidefocus="true"
 * 或在CSS中添加如下属性
 */
input[type=text],#slider a{
    outline:none;
    ie-dummy: expression(this.hideFocus=true);/*IE图片滚动链接去掉outline*/
}



给a链接添加hidefocus=”true”即可:
<a href="" hidefocus="true" >这是一个链接</a>

你可能感兴趣的:(html,css)