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;
}
相关推荐
拉不动的猪14 小时前
前端JS脚本放在head与body是如何影响加载的以及优化策略
前端·javascript·面试
Tzarevich14 小时前
从字面量到原型链:JavaScript 面向对象的完整进化史
javascript·设计模式
OpenTiny社区15 小时前
低代码运行时渲染搞不懂?TinyEngine 从理论到实践全攻略,看完直接上手!
前端·vue.js·低代码
izx88815 小时前
JavaScript 面向对象编程(OOP):从原始模式到原型继承
前端·javascript
b***594315 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
我血条子呢15 小时前
【Vite】离线打包@iconify/vue的图标
前端·javascript·vue.js
皮蛋瘦肉粥_12115 小时前
pink老师-js基础-day4
javascript
岁月宁静15 小时前
从 JavaScript 到 Python:前端工程师的完全转换指南
前端·javascript·python
特严赤傲15 小时前
在 Vue 中 v-for的写法对语法高亮的影响
前端·javascript·vue.js
雨雨雨雨雨别下啦16 小时前
【从0开始学前端】vue3路由,Pinia,组件通信
前端·vue.js·vue