修改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; /* 修改下拉区域边框颜色 */
}
相关推荐
谢尔登13 分钟前
【CSS】层叠上下文和z-index
前端·css
Alice-YUE34 分钟前
【CSS学习笔记3】css特性
前端·css·笔记·html
睡不着先生40 分钟前
CSS `:has()` 实战指南:让 CSS 拥有“if 逻辑”
css
yddddddy11 小时前
css的基本知识
前端·css
昔人'11 小时前
css `lh`单位
前端·css
2501_9181269113 小时前
用html5写一个flappybird游戏
css·游戏·html5
孩子 你要相信光14 小时前
css之一个元素可以同时应用多个动画效果
前端·css
小刘鸭地下城16 小时前
优雅表格设计:CSS 美化技巧详解
css
小刘鸭地下城17 小时前
网页深色模式完整实现:从响应式设计到系统主题联动
css
Wiktok18 小时前
【pure-admin】pureadmin的登录对接后端
vue3·pureadmin