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

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

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

相关推荐
Good Lucky10 小时前
防止重复点击方法总结-微信小程序
微信小程序·小程序
草木红16 小时前
微信小程序:用户拒绝小程序获取当前位置后的处理办法
微信小程序·小程序
mon_star°17 小时前
旅游类小程序界面设计
微信小程序·旅游
草木红21 小时前
微信小程序状态管理与计算属性同时使用:miniprogram-computed 和 mobx-miniprogram
微信小程序·小程序
superJane1 天前
column-count 瀑布流翻车记
前端·css·微信小程序
睡不着的可乐1 天前
uniapp 微信小程序 手机号快速验证组件 解密 encryptedData 获取手机号
前端·微信小程序·typescript
mon_star°1 天前
30天搭建消防安全培训小程序
微信小程序·小程序·微信公众平台
前端开发呀1 天前
uniapp 列表渲染性能优化实践
前端·微信小程序
十年之少1 天前
渲染模式、基础组件、矢量图、样式设置——微信小程序学习笔记
笔记·学习·微信小程序