element ui修改select选择框背景色和边框色

一、修改时间输入框的背景和边框字体颜色

css 复制代码
 <div class="hright">
      <el-date-picker :popper-append-to-body="false" class="custom-timeselect" v-model="form.timevalue" type="daterange" range-separator="至" start-placeholder="开始日期"
        end-placeholder="结束日期" size="mini" value-format="yyyy-MM-dd" style="width: 200px">
      </el-date-picker>
</div>
css 复制代码
/* 改变整个输入框的字体颜色背景 */

.hright /deep/ .el-input__inner{
  border: 1px solid #326AFF;
  background: #04308D !important;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
/* 改变 两个时间的    字体颜色背景 */

.hright /deep/ .el-input__inner .el-range-input{
  background: #04308D !important;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
/* 改变 至 的    字体颜色背景 */
.hright /deep/ .el-input__inner .el-range-separator{
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
相关推荐
掘金安东尼16 分钟前
🧭 前端周刊第411期(2025年4月21日–27日)
前端·javascript·面试
阿珊和她的猫1 小时前
React 与 Vue 的区别:你会选择哪个框架呢
前端·vue.js·react.js
浪裡遊1 小时前
前端高频面试题day2
前端·javascript·vue.js
独立开阀者_FwtCoder1 小时前
Vue3 首款 3D 数字孪生编辑器 正式开源!
前端·javascript·vue.js
晓得迷路了1 小时前
栗子前端技术周刊第 78 期 - React Compiler RC、Trae MCP、pnpm 10.9...
前端·javascript·trae
海盐泡泡龟1 小时前
deepSeek浅谈对vue的mixin的理解,用于什么应用场景?
开发语言·前端·javascript·vue.js
不思念一个荒废的名字1 小时前
【黑马JavaWeb+AI知识梳理】前端Web基础02 - JS+Vue+Ajax
前端·javascript·vue.js
程序猿John1 小时前
uniapp跳转和获取参数方式
前端·javascript·uni-app
yuanyxh1 小时前
过去一年的工作总结
前端·javascript·html