关于button按钮设置padding失效的原因

本文解释了为什么对button元素设置padding属性后,其外观尺寸似乎没有发生变化的原因。原因是浏览器默认为button元素设置了box-sizing:border-box属性,这使得padding的增加不会导致元素整体尺寸的变化。文章还列举了一些同样受到此默认样式影响的其他输入类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天有人突然问道button设置padding为什么大小不会变化,特意找了下原因:

因为button浏览器已经自己设置了box-sizing:border-box,所以无效。类似的还有 input[type="submit"], input[type="reset"], input[type="file"]

参考资料:点击打开链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值