uni-app在Hbuilder 4.06更新后,<button>组件突然显示一圈边框,是我的错觉吗?

发布于 1周前 作者 phonegap100 来自 Uni-App

uni-app在Hbuilder 4.06更新后,<button>组件突然显示一圈边框,是我的错觉吗?

如题,今天一早HBuilderX弹窗更新到4.06,然后打开我的uniapp项目,发现所有 <button> 元素都给套了一圈边框,即使是我之前已经通过 <button plain style="border:0"> 取消了边框的按钮。

这是怎么回事,我的错觉,还是其他人也更新后出现了这个现象?

图片


10 回复

HBuilderX 4.07.2024032720 已修复。


4.24 iOS中仍然出现了外边框

感谢反馈,我验证一下

已复现该问题,加分,感谢你的反馈
临时解决方案: vue3项目: 替换button.css到/HBuilderX根目录/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-components/style/
vue2项目: 替换index.umd.min.js到/HBuilderX根目录/plugins/uniapp-cli/node_modules/@dcloudio/uni-h5/dist/

感谢跟踪,期待修复。

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>的样式。

解决方法:

  1. 检查默认样式: 查看uni-app的默认样式,确认是否有边框相关的样式定义。

  2. 手动覆盖样式: 如果你不希望按钮有边框,可以通过CSS手动覆盖默认样式。例如:

    button {
        border: none !important;
    }
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!