border:0; VS border:none;

標籤：

border:none與border:0的區別體現為兩點：一是理論上的效能差異，二是瀏覽器安全色性的差異。

效能差異：

【border:0;】把border設為“0”像素效果等於border-width:0，瀏覽器依然對border-width、border-color進行了渲染，即已經佔用了記憶體值。

【border:none;】把border設為“none”，實際效果等同於border-style:none，瀏覽器解析“none”時將不作出渲染動作，即不會消耗記憶體值。

相容性差異：

IE6、IE7中，border為“none”時，標籤button、input邊框依然存在。

解決方案：

1，input,button{border:none;background:none;} 據說這種方法理論上沒有效能消耗，添加background來實現相容，難道不需要佔用記憶體？？？

2，input,button{border:0 none;} 個人覺得這種方法相較於第一種通過background實現相容的方法要好

3，input,button{border:0;}這種方法字元最少，大項目中節省的流量啊，而且我覺得這個記憶體消耗神馬滴可以通過其他頁面最佳化來彌補。

border:0; VS border:none;