elementui的input,select,date,textarea等修改边框颜色，日期选择时的高亮的颜色

最新推荐文章于 2024-06-28 14:59:29 发布

m0_52611940

最新推荐文章于 2024-06-28 14:59:29 发布

阅读量269

点赞数 1

文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/m0_52611940/article/details/139961967

版权

<style>
.el-range-editor.is-active{
  box-shadow: 0 0 0 1px #2e5bff!important;
}
.el-range-editor.is-focus{
  box-shadow: 0 0 0 1px #2e5bff!important;
}
.el-form-item__content.is-focus{
  box-shadow: 0 0 0 1px #2e5bff!important;
}
.el-input__wrapper.is-focus{
  box-shadow: 0 0 0 1px #2e5bff!important;
}
.el-select .el-input.is-focus .el-input__wrapper{
  box-shadow: 0 0 0 1px #2e5bff!important;
}
.el-select .el-input__inner:hover{
  border-color: #2e5bff!important;
}
.el-textarea{
  --el-input-focus-border-color:  #2e5bff!important;
}
.el-upload.el-upload--picture-card:hover{
  border-color: #2e5bff!important;
}
.el-select-dropdown__item.selected{
  color:#2e5bff;
}
.el-input{
  --el-input-focus-border: #2e5bff!important;
  --el-select-input-focus-border-color: #2e5bff!important;
}
.el-date-table td.start-date .el-date-table-cell__text{
  background-color: #2e5bff!important;
}
.el-date-table td.end-date .el-date-table-cell__text, .el-date-table td.start-date .el-date-table-cell__text{
  background-color: #2e5bff!important;
}
.el-date-table td.today .el-date-table-cell__text{
  color:#2e5bff!important;
  
}
.el-date-table td.available:hover{
    color:#2e5bff!important;
  }
</style>