修改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; 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%); }
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |