jQuery DatePicker コントロールを初めて使用しています。フォームで動作するようにしましたが、希望の約 2 倍の大きさで、jQuery UI ページのデモの約 1.5 倍の大きさです。サイズを制御するための簡単な設定が欠けているのでしょうか?
編集：手がかりは見つかったが、新たな問題が浮上した。CSSファイルでは、コンポーネントは親要素のフォントサイズに応じて拡大縮小されると書かれている。
body {font-size: 62.5%;}
1em = 10px にします。こうすると、日付ピッカーのサイズは適切になりますが、サイトの残りの部分が台無しになるのは明らかです (現在、フォント サイズは .9em です)。
テキスト ボックスの周囲に DIV を配置してフォント サイズを設定しようとしましたが、無視されるようです。親のフォントを変更して日付ピッカーを縮小する方法があるはずですが、サイトの残りの部分を台無しにせずにそれを行うにはどうすればよいですか?
ベストアンサー1
jquery-ui cssファイルで変更する必要はありません（デフォルトのファイルを変更すると混乱する可能性があります）。以下を追加するだけで十分です。
div.ui-datepicker{
font-size:10px;
}
UIファイルの後に読み込まれるスタイルシート
宣言で ui-datepicker の後に ui-widget が記述されている場合は、div.ui-datepicker が必要です。