igDateEditor コントロールは、igEditor を拡張する jQuery ベースのウィジェットで、多くのスタイル設定オプションを公開します。日付エディターのスタイルをカスタマイズするには、テーマ オプションを使用して、カスタム CSS ルールのセットをコントロールに適用する必要があります。
Ignite UI for jQuery パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、スタイル設定とテーマ設定を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。
igDateEditor コントロールは jQuery UI CSS フレームワークを使用するため、jQuery UI ThemeRoller を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、Ignite UI for jQuery のデフォルトのテーマと置き換えられます。
UI Darkness テーマを使用する日付エディター:
ご使用の CSS には、日付エディターの多くの要素にスタイル オーバーライドが含まれている場合があります。使用可能なすべてのクラスについては、API リファレンスのテーマ設定クラスを参照してください。スタイルを適用するには、すべてのエディターに摘要されたグローバル クラスをオーバーライドする、または ID や他のセレクターで特定の要素をターゲットとして指定し、コントロールごとにカスタマイズできるようにします。
.ui-igedit-input{
color: #00aeef;
}
オンラインで表示: GitHub