border:none;和border:0;的区别

border是一个简写属性，即：
border:border-width border-style border-color;
平时写的时候可以不写齐三个属性，写其中一个或两个也是允许的，因为这样写，浏览器会设置这个缺少属性的默认值。
border:0;等价于：
border-width:0;
border-style:none;
border-color:value of color;/默认取该元素color的属性值/
border:none;等价于：
border-width:medium;
border-style:none;
border-color:value of color;

border:none;和border:0;的区别体现为两点：一个理论上的性能差异，而是浏览器兼容性差异。
性能差异：
【border:0;】把border设为0像素效果等于border-width:0;浏览器依然对border-width和borde-color进行了渲染，即已经占用了内存值。
【border:none;】把border设为none，实际效果等同于border-style:none;浏览器解析none时将不作渲染动作，即不会消耗内存值。
兼容性差异：
IE6、IE7中，border为none时，标签button、input边框依然存在。

解决方法：

input,button {border:none;background:none;}
或
input,button {border:0 none;}
或
input,button {border:0;}