html中button的box-sizing属性

在html中,button元素的box-sizing属性默认是border-box,大部分其他元素(我尚未验证有哪些不是)的box-sizing的属性则都是content-box。

也就是你在设置button的height或width的时候相当于设置的button的content-width+padding+border,也就是IE6之前的那种显示行为。

box-sizing这个属性在css2.1中是无效的,所以,稳妥起见,你的最佳解决办法还是忍着,在定义button样式时特别注意一下。包含border和padding的宽度。

请查看演示链接

转载请注明原文出处《html中button的box-sizing属性》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。