不知道微信处于什么目的，并未告知组件的默认样式。且微信开发者工具的 Wxml 选项卡，不仅不支持 inherited from 等 Elements 原有功能，对自定义组件的支持更是鸡肋。 造成在实际使用中，为了覆盖特定组件的样式。不仅需要搭配各种参数，尝试覆盖响应状态。还要翻阅这个没什么人答题，官方投入不足的开发者社区。 比如为了覆盖 button 组件的边框，试了各种参数，查了一堆问题，才在一个角落找到解决方案，原来是通过伪类实现的。 由于被这种操作恶心的实在够呛，不想当下次出现问题时还这么操作，就想了个办法拿到了组件默认样式。 微信开发者工具是用 NW.js 写的，编辑器使用 VSCode 团队开源的 monaco-editor 实现，模拟器和调试器使用 NW.js 提供的 webview 标签实现。其中模拟器用于展示视图层渲染结果，调试器用于调试逻辑层代码。 从微信开发者工具菜单栏中，打开“调试微信开发者工具”功能，弹出第一个 Chrome devtools 窗口。 在第一个 devtools 的 Elements 选项卡，选中模拟器所在的 webview 后，右键 Copy selector 后，在 Console 中输入 document.querySelector("刚才复制的选择器").showDevTools(true) 后，弹出第二个 Chrome devtools 窗口。 在第二个 devtools 的 Elements 选项卡，就可以看到模拟器中实际渲染的 DOM 结构，在最顶部的 style 节点就是注入的默认样式。 编辑器限制输入 20000 字，就不粘贴具体样式了，如有需要请自行获取。 代码片段 wechatide://minicode/iItbTfmC6pYO

由于收到开发者的反馈，为了方便开发者更好地使用获取用户信息的接口，开发者仍然可以使用 wx.getUserInfo 接口获取用户信息。 具体优化调整如下： 1.获取用户头像昵称，第一次需要使用 button 组件授权，如果已经用组件授权了，wx.getUserInfo 可直接返回用户数据，无需重复授权弹窗。 2. 如果没有用 button 组件授权，wx.getUserInfo 调用接口返回失败，提醒开发者需要先使用 button 组件授权。 3. 用户可在设置中，取消授权。取消授权后需重新用 button 组件拉起授权。 此次调整仅会影响开发者工具、体验版和开发版，正式版本小程序暂不受影响。 详细可见如下接口文档： 小程序: 1.使用 button 组件，并将 open-type 指定为 getUserInfo 类型，用户允许授权后，可获取用户基本信息。 详情参考文档: https://developers.weixin.qq.com/miniprogram/dev/component/button.html 2.使用 open-data 展示用户基本信息。 详情参考文档: https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html 小游戏： 1.使用用户信息按钮 UserInfoButton。 详情参考文档: https://developers.weixin.qq.com/minigame/dev/document/open-api/user-info/wx.createUserInfoButton.html 2.开放数据域下的展示用户信息。 详细参考文档： https://developers.weixin.qq.com/minigame/dev/document/open-api/data/wx.getUserInfo.html 请各位开发者注意及时调整接口，正式版未来也会逐步切换为这个逻辑。