修改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; /* 修改下拉区域边框颜色 */
}
相关推荐
雪碧聊技术40 分钟前
v-for的用法及案例
vue3·uniapp·v-for·购物车案例
到底起什么网名才能不重名5 小时前
使用各种CSS美化网页
前端·css·vscode·bootstrap·html
sunbyte6 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ContentPlaceholder(背景占位)
前端·javascript·css·vue.js·tailwindcss
码哥DFS10 小时前
Flex布局原理
前端·css·css3
小飞悟13 小时前
别再只会用 px 了!移动端适配必须掌握的 CSS 单位
前端·css·设计
晴殇i15 小时前
前端内容保护:如何有效防止用户复制页面内容?
前端·javascript·css
Liudef061 天前
2048小游戏实现
javascript·css·css3
小桥风满袖1 天前
Three.js-硬要自学系列38之专项学习缓冲几何体
前端·css·three.js
Hilaku1 天前
深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
前端·css·html
每天开心1 天前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程