简单告诉你-"border:0"与"border:none"的区别

"border:0"与"border:none"的差异主要体现在性能差异和兼容差异。
1.性能差异
"border:0"表示把border定义为0px。虽然0px在页面上看不到，但浏览器会对border进行渲染，结果会得到一个0px的border。
"border:none"表示把border定义为“无”，浏览器不会渲染它。
简单来说："border:0"需要占用内存，而"border:none"不需要占用内存。
2.兼容差异
兼容差异只存在与IE6和IE7的<input type="button" />标签以及<button>标签中，其他浏览器不存在兼容问题。
"border:0"在所有浏览器中的效果都一样，都是隐藏边框（不是去掉），
"border:none"对IE6和IE7按钮的边框无效（边框正常出现），在其他浏览器中效果一样都会去掉按钮的边框