element-plus 修改el-select 箭头样式

自己摸索的，element-plus和element-ui的修改方式不太一样。

<div class="v-header-select">

           <el-select

      :model-value="data.modelValue"

      :placeholder="data.placeholder"

      :size="data.size"

      popper-class="_name-style"

    >...（代码结构略去）
样式部分：
.v-header-select {
     :deep(.el-select) {//deep穿透

    .el-input .el-select__caret{//箭头样式

        background: url(~statics/header/自定义箭头图片.svg) no-repeat;//自定义图片

        transform: rotateZ(0deg);//转动图片

        appearance: none;

        background-size: 8px 8px;

        width: 14px;

        height: 14px;

        position: absolute;//图片定位

        top:5px;

        right: 0px;

    }

      .el-icon svg{//隐藏原来箭头

          display:none

        }
}
可正常使用~