jquery - jQueryウィジェットが大きすぎるのはなぜですか？

Question

このフィドルでわかるように、同じテーマのThemerollerページにあるものと比較して、datepickerポップアップは非常に大きくなっています。これは、ダイアログなどの他のウィジェットで発生します。

リソースパネルを見ると、変更されていないGoogleがホストするcssファイルとjsファイルにリンクしていることがわかります。そのため、ファイルには何もしていません。ウィジェットをウィジェットのようにうまく表示するにはどうすればよいですか。 Themerollerページで？

Answer 1

Try this :

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

The default font-size of the jquery-ui themeroller is 10px, the .ui-widget CSS property comes with font-size:1.1em, and .ui-datepicker table comes after with font-size:0.9em.

To conclude, the font-size of your jquery-ui widgets depends on your default CSS font-size.

Answer 2