无法覆盖jquery工具提示中的字体大小

Question

我正在使用如下的jquery工具提示：

(<any>$("#MyDivId")).tooltip({
        show: {
            effect: 'slideDown'
        },
        tooltipClass: "tooltip",
        track: true,
        open: function (event:any, ui:any) {
            setTimeout(function () {
                (<any>$(ui.tooltip)).hide();
            }, waitTimeFiveSecs);
        }
    });



.tooltip{
    font-size: XXpx;
    font-family: "Segoe UI", Segoe, sans-serif;
}

我希望以比默认情况下工具提示显示的字体更小的字体显示标题文本。但无论我在font-size中的任务如何，我都看到工具提示显示的是相同字体大小的文本。如何减小字体大小？

更新

在检查我看到的元素时，ui-widget类正在覆盖我的类font-size和font-family属性。

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

Answer 1

尝试这些课程

.ui-tooltip-content {
    font-size: XXpx;
}

.ui-tooltip {
    font-size: XXpx;
}