element-ui 的el-select修改背景色没有效果

最新推荐文章于 2024-09-04 17:09:07 发布

m0_37707806

最新推荐文章于 2024-09-04 17:09:07 发布

阅读量5.3k

点赞数

分类专栏： vue-element

本文链接：https://blog.csdn.net/m0_37707806/article/details/107365034

版权

vue-element 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

给el-select 添加popper-class='selectFrom' 根据这个class进行背景色修改代码如下

    // 赋值class  popper-class="selectFrom"
    <el-select
          popper-class="selectFrom"
        v-model="activityNum"
        placeholder="语言切换"
        @change="selectModel($event)"
      >
        <el-option
          v-for="(item, index) in numtype"
          :label="item.name"
          :value="item.word"
          :key="index"
        ></el-option>
      </el-select>



 <style lang="less">
.selectFrom {
  color: #fff;
  border: 1px solid #176168 !important;
  // background: #176168 !important;

  .el-select-dropdown__list {
    text-align: right;
    background: #176168 !important;
  }
  .el-select-dropdown__item {
    color: #fff;
    background: #176168 !important;
  }
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    background: #1b7f5d !important;
  }
}