修改el-select下拉选项的样式

朋友说el-select下拉选项样式改了半天没成功，让我协助搞一下，话不多说，上效果图：

 以上我们可以上到下拉选项的背景色、单项背景色、三角形背景色、三角形边框都改掉了，那么怎么实现呢，让我来细细的讲一下吧！

1.首先我们给组件定义一个popper-class属性，取值随意，本文章中取值为：type-popper。

    官网文档截图上一个：

实际代码上一个：

<el-select

            v-model="type"

            placeholder="请选择"

            popper-class="type-popper"

          >

            <el-option

              :label="option.label"

              :value="option.value"

              v-for="option in optionList"

              :key="option.value"

            />

          </el-select>

2.css样式

 修改下拉选项整体背景色和单项背景色：

.type-popper {

    background: pink;

    .el-select-dropdown__item {

      background: yellow;

    }

  }

修改三角形样式：

.el-popper.is-light .el-popper__arrow::before {

    background: green !important;

    border: 1px solid red !important;

  }

总结：怎么样？成功了吧，哈哈。。。补充下：三角形的样式不能写在.type-popper里面！！！