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;
}
相关推荐
素**颜1 小时前
uniapp 基于xgplayer(西瓜视频) + renderjs开发,实现APP视频播放
javascript·uni-app·音视频
Ashore_1 小时前
从简单封装到数据响应:Vue如何引领开发新模式❓❗️
前端·vue.js
顽疲1 小时前
从零用java实现 小红书 springboot vue uniapp (6)用户登录鉴权及发布笔记
java·vue.js·spring boot·uni-app
bug丸2 小时前
v8引擎垃圾回收
前端·javascript·垃圾回收
&活在当下&2 小时前
ref 和 reactive 的用法和区别
前端·javascript·vue.js
web Rookie2 小时前
React 高阶组件(HOC)
前端·javascript·react.js
云白冰2 小时前
hiprint结合vue2项目实现静默打印详细使用步骤
前端·javascript·vue.js
m0_748251723 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·vue.js·ajax
匹马夕阳3 小时前
详细对比JS中XMLHttpRequest和fetch的使用
开发语言·javascript·ecmascript
customer083 小时前
【开源免费】基于SpringBoot+Vue.JS安康旅游网站(JAVA毕业设计)
java·vue.js·spring boot·后端·kafka·开源·旅游