【问题标题】:jQuery UI datepicker: How to color sundays red?jQuery UI datepicker:如何将星期日涂成红色?
【发布时间】:2012-04-24 08:14:29
【问题描述】:

我需要用红色突出显示星期天。

我知道有一个类叫ui-datepicker-week-end

我的问题是,即使设置了!important,其他类(ui-widget-contentui-state-default)也会覆盖ui-datepicker-week-end 的红色。

唯一有颜色的是日历标题中的周末。

【问题讨论】:

    标签: jquery jquery-ui datepicker jquery-ui-datepicker


    【解决方案1】:

    您可以设置作为.ui-datepicker-week-end 元素后代的锚点的样式,并在添加背景颜色时将它们的background-image 属性设置为none。无需使用 !important 即可获得良好的结果:

    .ui-datepicker-week-end a {
        background-image: none;
        background-color: red;
    }
    

    编辑:如果您想设置color 属性而不是background-color,您确实必须使用!important

    .ui-datepicker-week-end a {
        color: red !important;
    }
    

    你可以在this fiddle看到结果。

    【讨论】:

    • 感谢您的回答。但它仍然被覆盖。请看F12开发者工具截图:img0.www.suckmypic.net/img/g/X/rwFhrsfy/jquery-ui-calendar.png
    • 抱歉,我以为你想设置 background-color 而不是 color。但是,!important 在与color 一起使用时可以在我的测试中使用。我会更新我的答案。
    【解决方案2】:

    简单的方法

    星期天这样涂成红色

    .datepicker table tr td:first-child {
    color: red
    }
    

    这样星期一把颜色染成红色

    .datepicker table tr td:first-child +td {
    color: red
    }
    

    星期四这样涂成红色

    .datepicker table tr td:first-child + td + td {
    color: red
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-03-03
      • 2021-03-03
      • 1970-01-01
      • 2015-08-08
      • 2020-10-08
      • 1970-01-01
      • 2022-11-12
      • 2011-06-22
      相关资源
      最近更新 更多