CSS スタイルを使用すれば、任意の C1Input 要素をスタイル設定して外観を独特なものにできます。カスタマイズ処理を簡素化するために、ComponentOne には、6種類の組み込みテーマごとに CSS セレクタが組み込まれています。テーマについての詳細は、「テーマ」を参照してください。
背景、テキスト、フォント、枠線、輪郭、マージン、埋め込み、リスト、表などの一般的な CSS プロパティを該当する CSS セレクタに適用できます。
以下のトピックでは、一般に使用される個々の CSS セレクタとグループ化された CSS セレクタについて詳細に説明します。個々の CSS セレクタをグループとして組み合わせ、CSS セレクタをより具体的かつ強力なものにすることができます。
CSS セレクタ | 説明 |
---|---|
.wijmo-input-trigger | トリガーボタンにスタイルを適用します。 |
.wijmo-wijinput-spinner | スピナーボタンにスタイルを適用します。 |
.wijmo-wijinput-spinup | 上スピンボタンにスタイルを適用します。 |
.wijmo-wijinput-spindown | 下スピンボタンにスタイルを適用します。 |
.wijmo-wijinput-input | すべての入力タイプの最も外側のコンテナにスタイルを適用します。 |
.wijmo-wijinput-mask | すべてのマスク入力(C1InputMask)の最も外側のコンテナにスタイルを適用します。 |
.wijmo-wijinput-numeric | 数値入力タイプ(C1InputNumeric、C1InputCurrency、および C1InputPercent)の最も外側のコンテナにスタイルを適用します。 |
.wijmo-wijinput-date | すべての日付入力タイプ(C1InputDate)の最も外側のコンテナにスタイルを適用します。 |
.wijmo-wijinput-wrapper | 入力要素の直接のラッパーにスタイルを適用します。 |
.wijmo-wijinput ui-state-focus | フォーカス状態にあるすべての入力タイプの最も外側のコンテナにスタイルを適用します。 |