CSS スタイルを使用して C1ComboBox の任意の要素をスタイル設定し、その外観を真に独特のものにすることができます。カスタマイズ処理を簡素化するために、ComponentOne for ASP.NET Web Forms には、その6種類の組み込みテーマごとに CSS セレクタが組み込まれています。
背景、テキスト、フォント、枠、輪郭、マージン、埋め込み、リスト、表などの一般的な CSS プロパティを該当する CSS セレクタに適用できます。
一般に使用される個々の CSS セレクタとグループ化された CSS セレクタのリストについては、プロジェクトの C1ComboBox コントロールを選択し、 C1ComboBox Visual Studio プロパティウィンドウで CssClass プロパティの横にあるドロップダウンリストを表示します。
以下の表では、一般に使用される個々の CSS セレクタとグループ化された CSS セレクタについて詳細に説明します。個々の CSS セレクタをグループとして組み合わせ、CSS セレクタをより具体的かつ強力なものにすることができます。グループ化された CSS セレクタは、複数の C1ComboBox 要素のスタイルを定義します。
CSS セレクタ | 説明 |
---|---|
.wijmo-wijcombobox | C1ComboBox コントロールにスタイルを適用します。 |
.wijmo-wijcombobox-active-prev | 前の Active 状態の C1ComboBox にスタイルを適用します。 |
.wijmo-wijcombobox-cell | C1ComboBox コントロールのセルにスタイルを適用します。 |
.wijmo-wijcombobox-input | 入力 C1ComboBox にスタイルを適用します。 |
.wijmo-wijcombobox-item ui-state-active | C1ComboBox の Active 状態のリストされない項目にスタイルを適用します。 |
.wijmo-wijcombobox-item ui-state-hover | C1ComboBox の Hover 状態のリストされない項目にスタイルを適用します。 |
.wijmo-wijcombobox-label | C1ComboBox のラベルにスタイルを適用します。 |
.wijmo-wijcombobox-list | C1ComboBox のリストにスタイルを適用します。 |
.wijmo-wijcombobox-loading | ロード中の C1ComboBox にスタイルを適用します。 |
.wijmo-wijcombobox-multicolumn | 複数列の C1ComboBox にスタイルを適用します。 |
.wijmo-wijcombobox-row | C1ComboBox の行にスタイルを適用します。 |
.wijmo-wijcombobox-rowheader | c1combobox の行ヘッダーにスタイルを適用します。 |
.wijmo-wijcombobox-trigger | トリガーされる c1combobox にスタイルを適用します。 |
.wijmo-wijcombobox-ul | リストされない c1combobox にスタイルを適用します。 |
.wijmo-wijcombobox-wrapper | ラッパー c1combobox にスタイルを適用します。 |