uni-app在Hbuilder 4.06更新后,<button>组件突然显示一圈边框,是我的错觉吗?
uni-app在Hbuilder 4.06更新后,<button>组件突然显示一圈边框,是我的错觉吗?
如题,今天一早HBuilderX弹窗更新到4.06,然后打开我的uniapp项目,发现所有 <button>
元素都给套了一圈边框,即使是我之前已经通过 <button plain style="border:0">
取消了边框的按钮。
这是怎么回事,我的错觉,还是其他人也更新后出现了这个现象?
10 回复
HBuilderX 4.07.2024032720 已修复。
4.24 iOS中仍然出现了外边框
感谢反馈,我验证一下
感谢跟踪,期待修复。
plain按钮默认的边框也不显示了,换了上述的文件依旧会出现这个问题
回复 c***@163.com: 晚点正式版4.07紧急发布,到时应该就没问题了
回复 HRK_01: 你好 4.24还没有修复吗 iOS还有一圈外框
4.24 iOS还有一圈外框 并且border-radius不一致
在HBuilderX 4.06更新后,如果你发现<button>
组件突然显示了一圈边框,这并不一定是你的错觉。可能是由于以下原因之一:
1. 默认样式更新
- HBuilderX的更新可能带来了对默认样式的调整。某些版本更新可能会修改默认的CSS样式,导致
<button>
组件显示边框。 - 你可以检查一下uni-app的默认样式表是否发生了变化,尤其是按钮的样式。
2. 浏览器或平台差异
- 如果你在不同的平台(如H5、小程序、App)上运行uni-app,不同平台对
<button>
组件的默认渲染可能有所不同。 - 某些平台可能会为
<button>
添加默认的边框样式。
3. CSS样式冲突
- 如果你在项目中自定义了CSS样式,可能某些样式冲突导致
<button>
组件显示边框。 - 检查你的CSS代码,特别是全局样式或组件样式,看是否有影响
<button>
的样式。
解决方法:
-
检查默认样式: 查看uni-app的默认样式,确认是否有边框相关的样式定义。
-
手动覆盖样式: 如果你不希望按钮有边框,可以通过CSS手动覆盖默认样式。例如:
button { border: none !important; }