element ui 日期选择器el-date-picker如何修改指定日期背景(点击指定背景色日期变深色)
更新时间:2024年07月02日 11:05:23 作者:一只小菜鸡耶
这篇文章主要介绍了element ui 日期选择器el-date-picker 修改指定日期背景,点击指定背景色日期变深色,本文通过实例效果展示给大家介绍的非常详细,感兴趣的朋友一起看看吧
效果

然后点击浅绿色变深绿色
点击浅红色变深红色


默认不变 还是选中蓝色

分析

做法
最好隔离一下不要影响到其他日期选择器的样式
<style>
td.available.current.stopColor span {
background-color: rgb(248, 6, 6) !important;
color: #FFFFFF;
}
td.available.current.okColor span {
background-color: #07BF08 !important;
color: #FFFFFF;
}
</style>到此这篇关于element ui 日期选择器el-date-picker 修改指定日期背景 点击指定背景色日期变深色的文章就介绍到这了,更多相关element ui 日期选择器el-date-picker内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Vue3使用Univer Docs创建在线编辑Excel的示例代码
本文介绍了如何在Vue3项目中集成UniverDocs,一个基于Luckysheet的企业文档与数据协同解决方案,指导了从安装到在页面中使用的步骤,以及注意事项,如数据格式转换和二次开发的灵活性,需要的朋友可以参考下2025-04-04
element tree懒加载:load="loadNode"只触发一次的解决方案
本文主要介绍了element tree懒加载:load="loadNode"只触发一次的解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-08-08


最新评论