jquery - Jquery 日期选择器，其中一些日期以粗体格式显示

Question

我们怎样才能使日期以粗体显示？

var events = {};
events[new Date('02/14/2011')] = new Event('Valentines Day', 'mybold');
events[new Date('02/18/2011')] = new Event('Payday', 'mybold');
    $('#calender').datepicker({
        changeMonth : true,
        changeYear : true,
        beforeShowDay : function(date) {
            var event = events[date];
            if (event) {
                return [ true, 'mybold', event.text ];
            } else {
                return [ true, '', '' ];
            }
        }
    });
.
.
.
.
<style>
.mybold>a {
    font-weight:bold;
    background-color: yellow !important; 
    background-image: none !important;
}
</style>

它显示背景颜色为黄色但未以粗体显示文本？谢谢

Answer 1

你应该做

.mybold>a.ui-state-default {
    font-weight:bold;
    background-color: yellow;
    background-image: none;
}

在这里摆弄http://jsfiddle.net/3dHWh/2/

这是有效的，因为使用类定位元素比一般定位元素更强，因此您没有覆盖标准 ui 主题（所以根本不需要!important）