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;}這種方法字符最少,大項目中節省的流量啊,而且我覺得這個內存消耗神馬滴可以通過其他頁面優化來彌補。