修改el-select右边的icon图标修改el-select右边的icon图标
前⾔
遇到了需要改el-select右边⼩图标的样式，记录⼀下。
效果图
代码
⽤背景图
也可以⽤饿了么的icon，如下图
.el-select .el-input .el-select__caret.el-icon-::before{
content:"";
background:url(../../../../assets/images/inputIcon.png) center center no-repeat;
position: absolute;
icon图标库width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
}
//也可以⽤el-icon
.el-select .el-input .el-select__caret.el-icon-::before{
content:"\e790";
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
}

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