修改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; /* 修改下拉区域边框颜色 */
}
相关推荐
java1234_小锋14 小时前
【技术专题】CSS3 网页技术 - CSS3 布局进阶
前端·css·css3
java1234_小锋17 小时前
【技术专题】CSS3 网页技术 - CSS3 视觉增强
前端·css·css3
晓得迷路了18 小时前
栗子前端技术周刊第 152 期 - Rspack 2.3、TypeScript 7.1 Beta、Bun 1.4.4...
前端·javascript·css
普通人619 小时前
CSS-box-sizing-使用指南
开发语言·前端·css·1024程序员节
前端架构师-老李19 小时前
HTML与CSS基础第七课—HTML 中的a标签(跳转链接)
前端·css·html
溪语流沙2 天前
【每天一个CSS | Day41】开关三连:一套状态机,三种视觉翻译
前端·css·html5·每日一练·按钮
变与不变8062 天前
css定位布局精讲
前端·css
小大宇3 天前
Vue知识点-ElementPlus-06 单选+多选+下拉+日期选择
前端·vue.js·elementui
前端架构师-老李3 天前
HTML与CSS基础第五课—HTML的空格、换行、横线相关知识
前端·css·html
Nymph_Zhu3 天前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus