jQuery技术:jQuery UI datepicker:如何将星期日变成红色?

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

我知道有一个名为ui-datepicker-week-end

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

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

    您可以设置作为.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; } 

    你可以在这个小提琴中看到结果。

    简单的方法

    星期日颜色红这样

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

    星期一颜色红这样

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

    星期二这样红了

    需要了解更多jQuery教程分享jQuery UI datepicker:如何将星期日变成红色?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

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

      以上就是jQuery教程分享jQuery UI datepicker:如何将星期日变成红色?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981965.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐