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;
}
相关推荐
鹿心肺语6 小时前
前端HTML转PDF的两种主流方案深度解析
前端·javascript
一个懒人懒人6 小时前
Promise async/await与fetch的概念
前端·javascript·html
EchoEcho7 小时前
深入理解 Vue.js 渲染机制:从声明式到虚拟 DOM 的完整实现
vue.js
C澒7 小时前
Vue 项目渐进式迁移 React:组件库接入与跨框架协同技术方案
前端·vue.js·react.js·架构·系统架构
xiaoxue..7 小时前
合并两个升序链表 与 合并k个升序链表
java·javascript·数据结构·链表·面试
要加油哦~8 小时前
AI | 实践教程 - ScreenCoder | 多agents前端代码生成
前端·javascript·人工智能
一个public的class8 小时前
你在浏览器输入一个网址,到底发生了什么?
java·开发语言·javascript
青茶3608 小时前
php怎么实现订单接口状态轮询请求
前端·javascript·php
火车叼位8 小时前
脚本伪装:让 Python 与 Node.js 像原生 Shell 命令一样运行
运维·javascript·python
VT.馒头8 小时前
【力扣】2727. 判断对象是否为空
javascript·数据结构·算法·leetcode·职场和发展