CSS：IE中border:none的陷阱

在习惯上不现实某个元素的边框，只需要给元素设置border:none即可，当然设置border:0效果一样，但实际上两者是有性能差别的

border:none：边框设置为为none，不做任何处理；

border:0：边框宽度设置为0像素，但是实际上border-color和border-style还是在渲染的。

然而在IE中，对于button和input元素确并不是这样

在IE6，7中，虽然设置了border:none后，边框看不见了，但是实际上你会发现边框仍然存在，而只是border-style成为了none而已，也即：在IE6，7中border:none仅等价于border-style:none,而边框所占的空间还是在的，这就导致了我之前调整input的宽度的时候始终无法将其高度在各个浏览器中调整成一致的原因！

所以在IE中要不显示border还是老老实实的写全了吧：border:0 none;即可实现全兼容。