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 小时前
🚀95%的前端开发者都踩过坑:JavaScript循环全解析,从基础到高阶异步迭代
前端·javascript·性能优化
小桥风满袖1 小时前
极简三分钟ES6 - 数值的扩展
前端·javascript
用户47949283569151 小时前
面试官:讲讲css样式的优先级
前端·javascript·面试
EndingCoder1 小时前
打包应用:使用 Electron Forge
前端·javascript·性能优化·electron·前端框架·打包·electron forge
鹏多多1 小时前
Vue3响应式原理Proxy的深度剖析
前端·javascript·vue.js
不可能的是1 小时前
深度解析:Sass-loader Legacy API 警告的前世今生与完美解决方案
前端·javascript
养老不躺平2 小时前
关于nest项目打包
前端·javascript
fdc20172 小时前
Avalonia:使用附加属性实现命令与事件的绑定
javascript·windows·microsoft
掘金安东尼3 小时前
Chrome 17 岁了——我们的浏览器简史
前端·javascript·github
前端小巷子3 小时前
JS 打造动态表格
前端·javascript·面试