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

最新推荐文章于 2024-04-25 11:30:45 发布
原创 最新推荐文章于 2024-04-25 11:30:45 发布 · 3.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #html #前端 #css3

本文解释了为什么对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"]

参考资料：点击打开链接

android button padding,解决在Android中给Button设置Padding无效的问题
weixin_42548816的博客
05-27 1097
转自：http://blog.youkuaiyun.com/qq_35071078/article/details/75570940在Xml中给Button设置padding=0和利用代码给Button设置padding=0都是无效的，是因为，这种情况下，Button的宽高是受TextView中的变量：mMinWidth，mMinHeight和View中的变量：mMinWidth，mMinHeight来共同决...
Kivy之Button按钮
GrofChen的博客
06-25 4714
代码： import kivy kivy.require("1.9.1") from kivy.app import App from kivy.uix.button import Button class ButtonApp(App): def build(self): btn = Button(text ="这时一个按钮", # 文本 font_size ="20sp",
android button paddingtop无效,android里面RadioButton设置setChecked(true)失效的解决方案
weixin_42139302的博客
05-27 609
问题描述：先看页面 android:layout_width="match_parent"android:layout_height="match_parent"android:background="@color/pub_window_bg" >android:layout_width="fill_parent"android:layout_height="wrap_content"and...
解决在Android中给Button设置Padding无效的问题
下课睡觉的博客。while(true){eat();code();sleep()}
07-20 4237
在Xml中给Button设置padding = 0 和用代码给Button设置padding = 0 都无效，是因为，这种情况下，Button的宽高是受TextView中的变量：mMinWidth , mMinHeight和View中的变量：mMinWidth , mMinHeight来共同决定的。首先说一下，TextView是继承自View的，而Button又是继承自TextView的，但其实上，
QTableWidget单元格设置QSS时padding却不生效，已解决。
a_b_a_b_的博客
04-25 636
发现QSS中添加border属性后就可以了，应该是QT自带的bug。（我的QTableWidget有添加其它样式）很奇怪没有生效。我想在QTableWidget里面的单元格中设置内边距。
鸿蒙怎么设置button按钮的背景颜色
最新发布
03-27
好的，我现在需要回答用户关于在HarmonyOS中设置Button按钮背景颜色的问题。首先，用户提到了几个引用内容，我需要仔细看看这些引用里有什么有用的信息。 根据引用[1]，提到使用backgroundColor属性来设置按钮的...
Materail Design 进阶（十一）——MaterialButton使用
小欣儿的专栏
01-05 1590
距离上次写Material组件的文章已经过去了好多年😄，最近在写Flutter又接触到了Material，已经升级了许多，这次就用新的组件来试试吧～Button组件大家都非常熟悉了，如果画一个带圆角，边框的按钮，通常我们是画一个ShapeDrawable并把它设置到Button的属性中就可以了，写写文件有时还是烦的，这里首先推荐一个三方库BackgroundLibrary可以很方便的通过属性设置的方式实现圆角，边框以及各种状态效果的Background，使用非常简单，有兴趣的同学直接参考文档即可。，在原来
Qt的button同时设置文字和icon
03-08
好的，用户想了解如何在Qt中同时为按钮设置文字和图标。首先，我需要回忆Qt的相关类和方法。Qt的按钮通常是QPushButton，它支持同时显示文本和图标。接下来，我需要确认如何设置图标，以及如何调整它们的位置。 ...
微信小程序cover-view 中button 设置宽度无效
cengjing123_的博客
09-22 1087
<cover-view class="btns"> <button class="btn" bindtap="addCartSureBtn">确定</button> <button class="btn" bindtap="hideModel">取消</button> </cover-view> .btns .btn { width: 190rpx !important; }
Android 动态的给Button、TextView、ImageView等控件设置了background后，再设置padding属性时该属性不起作用...
weixin_34163553的博客
05-20 405
也许大家遇到这样一个问题，有时我们根据业务需要在一个ViewGroup中动态的（程序运行过程中）添加View。例如添加Button，就需要给Button添加background、padding、margin等属性。 但是当程序运行时一个很奇怪的问题出现了。如果padding设置在background之前则该属性不起作用，如果padding设置在background之后则运行正常。   具体是...
el-button去掉padding
明耀的博客
11-12 2278
<el-button style="float: right; padding: 3px 0" type="text">查看位置</el-button>
修改多选框el-checkbox样式, 大小,背景色
收集、分享
01-03 4571
修改多选框el-checkbox样式, 大小,背景色
【微信小程序】按钮button组件宽设置无效解决方案
向着光芒的女孩
08-04 6264
在小程序里设置button组件的width竟然失效，让我们来看看原因和解决方案。
elementUI更改icon图标尺寸、圆形按钮尺寸方法，以及css修改页面没变化为题
darlinghang_的博客
01-08 1万+
样式修改，css修改页面不变化等问题
解决微信小程序的button按钮设置宽度无效的问题
热门推荐
只会cv 的博客
03-10 1万+
方法一 （推荐使用）直接在button按钮上写行内样式 wxml代码示例 <button type="primary" style="width:100%">按钮</button> 方法二 删除app.json的配置"style": "v2" 在app.json 中配置 “style”: "v2"之后就可以启用新版的组件样式，emmm存在即有它的道理，没事咱就不动它......
Button设置Padding无效？
weixin_41553447的博客
10-25 363
dmButton.setBackgroundResource(R.drawable.btn_circle_selector); dmButton.setPadding(30,20,30,20); 先设置背景在设置padiing，试下呢。
Flutter IconButton的padding调小无效
weixin_43298955的博客
04-15 2780
转载：Padding调小解决方案 IconButton中padding的默认值是8.0 const IconButton({ Key? key, this.iconSize = 24.0, this.visualDensity, this.padding = const EdgeInsets.all(8.0), this.alignment = Alignment.center, this.splashRadius, ...... } 调小的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值