border:none和border:0的区别

border:none和border:0的区别

• 兼容差异
  border:0： 所有浏览器中的效果都是隐藏边框；
  border:none： 对IE6和IE7按钮的边框 <input type="button">标签 以及<button>标签 无效，在其他浏览器中效果一样，都是去掉按钮的边框；
• 性能差异
  border:0：把border定义为0px，虽然0px在页面上看不到，但浏览器要对border-width、border-style、border-color进行渲染，占用内存。
  border:none：把border定义为“无”，浏览器不会渲染它，不占用内存。

个人偏向于使用border:none，毕竟不占用内存。