jquery-ui datepicker 主题未正确显示

Question

我尝试将 jquery-ui 日期选择器添加到我的网站。我下载了必要的 jquery-ui js 组件和 Smoothness 主题 css。问题是当我将小部件添加到我的网站时，它看起来像这样：

Broken datepicker

与此相反：

What it should look like

我使用自定义的 twitter bootstrap 作为我网站的主要样式，但根据 Chrome Inspect 元素，它似乎不会影响小部件的样式。

有什么想法可能是错误的，或者我该如何进一步调查？

Answer 1

您需要更改字体大小：

.ui-widget {
    font-size: 11px;
}