vue+elementui项⽬el-button按钮使⽤阿⾥图标样式修改使⽤el-button时如果图标使⽤的也是饿了么的图标,样式正常,如果使⽤el-button+阿⾥图标则会出现间距等问题
解决⽅案:
在iconfont.css页⾯写如下代码,可⾃由进⾏样式修改:
[class^="icon"],
[class*=" icon"]
{
font-family: "iconfont" !important;
font-size: 16px;
margin-right: 5px; /*图表与左侧⽂字或其他内容的间距*/icon图标库
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
⽂件位置:
修改前:
修改后:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。