修改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; /* 修改下拉区域边框颜色 */
}
相关推荐
木易 士心11 分钟前
深入理解 CSS 中的 !important
前端·css
兔子零10242 小时前
CSS 视口单位进化论:从 100vh 的「骗局」到 dvh 的救赎
前端·css
我叫张小白。7 小时前
Vue3 响应式数据:让数据拥有“生命力“
前端·javascript·vue.js·vue3
izx8889 小时前
HTML5敲击乐 PART--1
css
牧码岛9 小时前
Web前端之canvas实现图片融合与清晰度介绍、合并
前端·javascript·css·html·web·canvas·web前端
小杨快跑~13 小时前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
我叫张小白。14 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
凯小默14 小时前
05-初始化登录页面和加入校验规则
vue3
南囝coding1 天前
2025年CSS新特性大盘点
前端·css
颜渊呐1 天前
Vue3 + Less 实现动态圆角 TabBar:从代码到优化实践
前端·css