当前位置: 首页 > 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实现判题功能
  • 陕西省烹饪餐饮行业领军人物黄建军逝世,终年53岁
  • 商务部召开外资企业圆桌会
  • 专家解读上海一季度经济数据:经济韧性在增强,民企活力不可小觑
  • 上海常务副市长:持续提升跨境投融资便利化水平,稳步扩大金融领域的制度型开放
  • 特斯拉季度利润暴跌71%,马斯克下月开始大幅减少为政府工作时间
  • 一季度全国纪检监察机关共处分18.5万人,其中省部级干部14人