Element UI 自定义/修改下拉弹窗的样式（如级联选择器的下拉弹窗样式）

2023-12-27 18:17:58

?

 <div class="aafs" style="padding-left: 20px">
      <el-cascader
        popper-class="ssaassd"
        :show-all-levels="false"
        class="cascaderInput"
        :options="options1"
        :props="props1"
        clearable
        @change="change"
        v-model="areaCodeValue"
      />
    </div>

?样式不要加scoped！！！！！！

<style lang="scss">
.ssaassd {
  .el-cascader-panel {
    background-color: #103d69 !important;
    color: #4388c1 !important;
  }
  .el-cascader-node:not(.is-disabled):focus,
  .el-cascader-node:not(.is-disabled):hover {
    color: var(--el-cascader-menu-selected-text-color) !important;
  }
  .el-cascader-menu__list {
    li {
      color: #4388c1 !important;
    }
  }
  .el-cascader-node:not(.is-disabled):focus,
  .el-cascader-node:not(.is-disabled):hover {
    background-color: #9badbf !important;
  }
}
</style>

文章来源:https://blog.csdn.net/m0_70547044/article/details/135250416
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。