很好的一个Calendar日历样式

最新推荐文章于 2023-06-25 16:17:18 发布

Moqin89

最新推荐文章于 2023-06-25 16:17:18 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net 文章标签： calendar 日历 border

本文链接：https://blog.youkuaiyun.com/MCQq123321/article/details/6959343

asp.net 专栏收录该内容

15 篇文章

订阅专栏

本文深入探讨了CSS样式在网页布局与交互中的应用，详细介绍了日历组件中不同状态样式的实现，包括默认样式、鼠标悬停效果及激活状态的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.MyCalendar .ajax__calendar_container {
        border:1px solid #646464;
        background-color:#F3F3F3;
        color:black;
    }
    .MyCalendar .ajax__calendar_other .ajax__calendar_day,
    .MyCalendar .ajax__calendar_other .ajax__calendar_year {
        color: black;
    }
    .MyCalendar .ajax__calendar_hover .ajax__calendar_day,
    .MyCalendar .ajax__calendar_hover .ajax__calendar_month,
    .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
        color: red;
    }
    .MyCalendar .ajax__calendar_active .ajax__calendar_day,
    .MyCalendar .ajax__calendar_active .ajax__calendar_month,
    .MyCalendar .ajax__calendar_active .ajax__calendar_year {
        color: blue;
        font-weight:bold;
        border:1px solid #646464;
    }