bug记录:微信小程序 给button使用all: initial重置样式

场景:通过uniapp开发微信小程序 ,使用uview的u-popup弹窗,里面内嵌了一个原生button标签,因为微信小程序的button是有默认样式的,所以通过all: initial重置样式 。但是整个弹窗的点击事件都会被button上面的点击事件覆盖,也就是说点击弹窗任何一个地方,都会触发button的点击事件。最后检查dom ,发现鼠标只要划入弹窗内,只显示了button的dom介绍。

上图我实际鼠标位置并不是同意字样的button 最后排查了很久发现只要把 all: initial;属性删掉就好了。具体的bug原理,如果有知道的大佬,欢迎评论区留言~~~~

相关推荐
程序员入门进阶6 小时前
基于微信小程序的电子购物系统的设计与实现(lw+演示+源码+运行)
微信小程序·小程序
我很苦涩的11 小时前
微信小程序使用uni cli框架绘制echarts图表
微信小程序·小程序·echarts
慢慢雨夜13 小时前
uniapp发布到微信小程序,提示接口未配置在app.json文件中
微信小程序·小程序·uni-app
杨天天.17 小时前
微信小程序原生 canvas画布截取视频帧保存为图片并进行裁剪
微信小程序·小程序·音视频
三劫散仙18 小时前
vue3 + naive ui card header 和 title 冲突 bug
ui·vue·bug
一介青烟小生18 小时前
微信小程序自定义tabbar;禁用某个tab;修改某个tab的样式
微信小程序·小程序·notepad++
尘浮生18 小时前
Java项目实战II基于微信小程序的订餐系统(开发文档+数据库+源码)
java·开发语言·数据库·spring boot·后端·微信小程序·小程序
孩子 你要相信光20 小时前
HBuilderX运行微信小程序,编译的文件在哪,怎么运行
微信小程序·小程序
烤奶要加冰1 天前
uniapp解析蓝牙设备响应数据bug
前端·微信小程序·uni-app
Ares码农人生1 天前
vue.js组件和传值以及微信小程序组件和传值
vue.js·微信小程序·uniapp