修改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; /* 修改下拉区域边框颜色 */
}
相关推荐
知识分享小能手1 小时前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
Jokerator5 小时前
深入解析JavaScript获取元素宽度的多种方式
javascript·css
Savior`L7 小时前
CSS知识复习4
前端·css
我要让全世界知道我很低调8 小时前
记一次 Vite 下的白屏优化
前端·css
again43210 小时前
css生效规则
css
Esun_R11 小时前
使用CSS选择器选择列表中最后一个子元素的几种情况
css
海底火旺11 小时前
以一个简单的React应用理解数据绑定的重要性
前端·css·react.js
Allen Bright14 小时前
【CSS-15】深入理解CSS transition-duration:掌握过渡动画的时长控制
前端·css
雪碧聊技术1 天前
v-for的用法及案例
vue3·uniapp·v-for·购物车案例