CSS を使用して C1SuperPanel の任意の要素をスタイル設定し、その外観を完全に独自にカスタマイズできます。ComponentOne for ASP.NET Web Forms には、６つの組み込みテーマごとに CSS セレクタが含まれています。

背景、テキスト、フォント、枠線、輪郭、マージン、埋め込み、リスト、表などの一般的な CSS プロパティを該当する CSS セレクタに適用できます。

一般的な個別 CSS セレクタやグループ化した CSS セレクタのリストについては、プロジェクトの C1SuperPanel コントロールを選択して、C1SuperPanel Visual Studio プロパティウィンドウで CssClass プロパティの横のドロップダウンリストを表示します。

以下の表では、一般に使用される個別 CSS セレクタとグループ CSS セレクタを詳しく説明します。複数の個別 CSS セレクタを組み合わせてグループ化すると、CSS セレクタをより具体的かつ強力なものにできます。グループ CSS セレクタは、C1SuperPanel の複数の要素のスタイルを定義します。

CSS セレクタ	説明
.wijmo-wijsuperpanel	このスタイルを C1SuperPanel コントロールに適用します。
.wijmo-wijsuperpanel-button	このスタイルを C1SuperPanel のボタン要素に適用します。
.wijmo-wijsuperpanel-contentwrapper	このスタイルを C1SuperPanel の contentwrapper に適用します。
.wijmo-wijsuperpanel-handle	このスタイルを C1SuperPanel のハンドル要素に適用します。
.wijmo-wijsuperpanel-hbar-buttonleft	このスタイルを C1SuperPanel の水平バーの左ボタンに適用します。
.wijmo-wijsuperpanel-hbar-buttonleft-ui-state-hover	このスタイルを C1SuperPanel のホバー状態の水平バーの左ボタンに適用します。
.wijmo-wijsuperpanel-hbar-buttonright	このスタイルを C1SuperPanel の水平バーの右ボタンに適用します。
.wijmo-wijsuperpanel-hbar-buttonright ui ?state-hover	このスタイルを C1SuperPanel のホバー状態の水平バーの右ボタンに適用します。
.wijmo-wijsuperpanel-hbarcontainer	このスタイルを C1SuperPanel の水平バーコンテナに適用します。
.wijmo-wijsuperpanel-helper	このスタイルを C1SuperPanel のヘルパーに適用します。
.wijmo-wijsuperpanel-statecontainer	このスタイルを C1SuperPanel の statecontainer に適用します。
.wijmo-wijsuperpanel-templateouterwrapper	このスタイルを C1SuperPanel の templateouterwrapper に適用します。
.wijmo-wijsuperpanel-vbar-buttonbottom	このスタイルを C1SuperPanel の垂直バーの下端ボタンに適用します。
.wijmo-wijsuperpanel-vbar-buttonbottom ui-state-hover	このスタイルを C1SuperPanel のホバー状態の垂直バーの下端ボタンに適用します。
.wijmo-wijsuperpanel-vbar-buttontop	このスタイルを C1SuperPanel の垂直バーの上端ボタンに適用します。
.wijmo-wijsuperpanel-vbar-buttontop ui-state-hover	このスタイルを C1SuperPanel のホバー状態の垂直バーの上端ボタンに適用します。
.wijmo-wijsuperpanel-vbarcontainer	C1SuperPanel の垂直バーのコンテナに適用します。