el-select 更换箭头为自定义的图片

要将el-select的默认箭头更换为自定义图片，可以使用CSS来实现。以下是一些示例代码：

1. HTML：

<el-select>
  <span slot="prefix" class="select-icon"></span>
</el-select>

2. CSS：

.select-icon {
  background-image: url('path/to/custom-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 8px;
}
.el-select .el-input__suffix {
  display: none;
}
.el-select .el-input {
  padding-right: 32px;
}

在上面的代码中，我们使用了一个带有自定义样式的<span>元素作为el-select的前缀插槽。我们还使用了CSS来隐藏默认的后缀插槽，并在输入框中添加了额外的右侧填充来留出空间以容纳自定义箭头。

请注意，我们使用了“transform: rotate(180deg)”来翻转箭头，因为el-select默认使用向下的箭头。如果您的自定义箭头已经指向下方，则不需要这个样式。

最终效果应该是类似于这样的图片：