"border:0"与"border:none"的差异主要体现在性能差异和兼容差异。
1.性能差异
"border:0"表示把border定义为0px。虽然0px在页面上看不到,但浏览器会对border进行渲染,结果会得到一个0px的border。
"border:none"表示把border定义为“无”,浏览器不会渲染它。
简单来说:"border:0"需要占用内存,而"border:none"不需要占用内存。
2.兼容差异
兼容差异只存在与IE6和IE7的<input type="button" />标签以及<button>标签中,其他浏览器不存在兼容问题。
"border:0"在所有浏览器中的效果都一样,都是隐藏边框(不是去掉),
"border:none"对IE6和IE7按钮的边框无效(边框正常出现),在其他浏览器中效果一样都会去掉按钮的边框

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。