el-select 图标修改

最新推荐文章于 2025-02-24 11:04:18 发布

万物皆可狗

最新推荐文章于 2025-02-24 11:04:18 发布

阅读量173

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/JiaZhenDu/article/details/145324385

版权

/deep/.el-select .el-input .el-icon-arrow-up:before {
  content: '';
  background: url('../../assets//image//home/down.png');
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 12px;
  margin-right: 6px;
  width: 9px;
  height: 12px;
}

/deep/.el-select .el-input .el-icon-arrow-up {
  display: inline-block;
  width: 9px;
  height: 12px;
  background-image: url('../../assets//image//home/up.png');
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 12px;
  margin-right: 6px;
}

/deep/.el-select .el-input .el-icon-circle-close:before {
  content: '';
  line-height: 12px;
  margin-right: 6px;
  height: 12px;
  background-image: url('../../assets//image//home/down.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 12px;
}

/deep/.el-select .el-input .el-icon-circle-close {
  display: inline-block;
  width: 9px;
  height: 12px;
  background-image: url('../../assets/image//home/up.png');
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 12px;
  margin-right: 6px;
}