当前位置: 首页 > news >正文

修改el-select背景颜色

修改el-select背景颜色

在这里插入图片描述

/* 修改el-select样式--直接覆盖默认样式(推荐) */
::v-deep .el-select .el-input__inner {background-color: #1d2b72 !important; /* 修改输入框背景色 */color: #fff;
}
::v-deep .el-select .el-input__wrapper {background-color: transparent !important; /* 修改左侧空空处和右侧icon背景色 */box-shadow: 0 0 0 1px #409eff inset; /* 修改未选中时下拉框边框颜色 */
}::v-deep .el-select-dropdown__item {background-color: #1d2b72 !important; /* 修改下拉选项背景色 */color: #fff;margin: 0;
}
::v-deep .el-select-dropdown__list {list-style: none;margin: 0 !important;
}
::v-deep .el-popper.is-light {border: 1px solid #409eff; /* 修改下拉区域边框颜色 */
}

相关文章:

  • 第9章 多模态大语言模型
  • vue element使用el-table时,切换tab,table表格列项发生错位问题
  • mysql快速在不同库中执行相同的sql
  • 金融机构典型欺诈场景
  • 【element plus】解决报错error:ResizeObserver loop limit exceeded的问题
  • JBoltAI 赋能金融文档:基于 RAG 的基金招募说明书视觉增强方案
  • 致远oa部署
  • 在Vue3中,如何在父组件中使用v-model与子组件进行双向绑定?
  • 【计算机视觉】CV实战项目 - 基于YOLOv5与DeepSORT的智能交通监控系统:原理、实战与优化
  • 【C++】内存管理:内存划分、动态内存管理(new、delete用法)
  • 【KWDB 创作者计划】_嵌入式硬件篇---寄存器与存储器截断与溢出
  • 关于边缘计算盒子的外部接口保护
  • Python torchvision.transforms 下常用图像处理方法
  • 计算机网络学习笔记
  • 【含文档+PPT+源码】基于SpringBoot的开放实验管理平台设计与实现
  • 高防IP是如何防护DDoS攻击和CC攻击的
  • C语言教程(十四):C 语言指针详解
  • 学习threejs,使用EffectComposer后期处理组合器(采用RenderPass、ShaderPass渲染通道),案例一
  • C语言中封装JSON数组对象
  • 使用RabbitMQ实现判题功能
  • 最高法强化涉新就业形态民事案件审判指导:推动出台司法解释
  • 78家公募年度业绩比拼:23家营收净利双升,十强座次微调
  • 国际锐评:菲律宾“狐假虎威”把戏害的是谁?
  • 习近平在上海考察时强调,加快建成具有全球影响力的科技创新高地
  • 铁路五一假期运输今日启动,预计发送旅客1.44亿人次
  • 癌症来临前,可能伪装成这几种常见病,千万别大意