概述
elementUI中 el-button
按钮 自定义icon
图标 步骤,和网上说的步骤一样,
- 第一添加图片到项目中
- 写css样式
- 直接引入
代码如下:
<el-button plain round icon="el-icon-my-choose">选品库</el-button>
注意:css样式 需要注意的问题 不要写在scoped
否则不生效
<style lang="scss"> //不要定义 scoped
//修改icon
.el-icon-my-choose {
background: url("@/assets/images/selectionLib.png") center no-repeat;
font-size: 16px;
background-size: cover;
}
.el-icon-my-choose:before {
content: "替";
font-size: 16px;
visibility: hidden;
}
</style>
最后
以上就是幸福板栗为你收集整理的element ui 中el-button自定义icon图标不生效问题解析的全部内容,希望文章能够帮你解决element ui 中el-button自定义icon图标不生效问题解析所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复