バージョン

igTimePicker のスタイルおよびテーマ設定

igTimePicker コントロールは、多数のスタイル設定オプションを公開する jQuery ベースのウィジェットです。タイムピッカーのスタイルをカスタマイズするために、さまざまなテーマを使用するか、カスタム CSS ルールをコントロールに直接適用します。

Ignite UI for jQuery パッケージには、いくつかの jQuery UI および Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成およびカスタマイズをサポートします。詳細は、スタイル設定とテーマ設定を参照してください。

ThemeRoller の使用

igTimePicker コントロールが jQuery UI CSS フレームワークを使用するため、jQuery UI ThemeRoller を使用して完全にスタイル設定できます。カスタム テーマを作成または利用可能なテーマのギャラリーから選択できます。これらのテーマは、Ignite UI for jQuery のデフォルトのテーマと置き換えられます。

ThemeRoller Smoothness テーマを使用するタイムピッカー:

カスタム スタイル

使用中の CSS には、タイムピッカーの要素にスタイル オーバーライドが含まれている場合があります。使用可能なすべてのクラスについては、API リファレンスのテーマ設定クラスを参照してください。スタイルを適用するには、すべてのエディターに適用されたグローバル クラスをオーバーライド、または ID や他のセレクターで特定の要素をターゲットとして指定してコントロールごとにカスタマイズします。

.ui-igedit-input{
    color: #00aeef;
}

関連トピック

オンラインで表示: GitHub