前言
遇到了需要改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;
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%);
}