小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如下图，绿色方块区域是<icon type="success" size="40"/>这样的icon，但是显示不出来，在手机上调试连绿色的框也没有。
完全按照文档来做的，没有做什么特殊的处理。
在开发文档上icon预览在我的开发者工具上可以正常预览，因此不是我机子的问题，是代码问题，求解。
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好，问题未复现。请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
感谢回复，我刚刚找到原因与解决办法了，是因为我同时引入了外部的iconfont图标库，设置了一个全局样式：
[class*=
"icon-"
]{
font-family
:
"iconfont"
!important
;
font-size
16px
font-style
normal
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
因此影响了原生icon的显示，于是我将选择器换成[class^="icon-"],两者就可以同时正常显示了～
[class^=
],两者就可以同时正常显示了～
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好，问题未复现。请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
感谢回复，我刚刚找到原因与解决办法了，是因为我同时引入了外部的iconfont图标库，设置了一个全局样式：
[class*="icon-"]{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}因此影响了原生icon的显示，于是我将选择器换成
[class^="icon-"],两者就可以同时正常显示了～