CSS を使用して C1ToolTip の任意の要素をスタイル設定し、その外観を真に独特のものにすることができます。カスタマイズ処理を簡素化するために、ComponentOne for ASP.NET Web Forms には、6種類の組み込みテーマごとに CSS セレクタが組み込まれています。
背景、テキスト、フォント、枠線、輪郭、マージン、埋め込み、リスト、表などの一般的な CSS プロパティを該当する CSS セレクタに適用できます。
一般的な個別 CSS セレクタやグループ CSS セレクタのリストについては、プロジェクトの C1ToolTip コントロールを選択して、C1ToolTip Visual Studio プロパティウィンドウで CssClass プロパティの横のドロップダウンリストを表示します。
以下の表では、一般に使用される個別 CSS セレクタとグループ CSS セレクタを詳しく説明します。複数の個別 CSS セレクタを組み合わせてグループ化すると、CSS セレクタをより具体的かつ強力なものにできます。グループ CSS セレクタは、C1ToolTip の複数の要素のスタイルを定義します。
CSS セレクタ | 説明 |
---|---|
.wijmo-wijtooltip | このスタイルを C1ToolTip コントロールに適用します。 |
.wijmo-wijtooltip-arrow-bc | このスタイルを C1ToolTip の BottomCorner の矢印に適用します。 |
.wijmo-wijtooltip-arrow-bl | このスタイルを C1ToolTip の BottomLeft の矢印に適用します。 |
.wijmo-wijtooltip-arrow-lb | このスタイルを C1ToolTip の LowerBottom の矢印に適用します。 |
.wijmo-wijtooltip-arrow-lc | このスタイルを C1ToolTip の LowerCorner の矢印に適用します。 |
.wijmo-wijtooltip-arrow-rb | このスタイルを C1ToolTip の RightBottom の矢印に適用します。 |
.wijmo-wijtooltip-arrow-rc | このスタイルを C1ToolTip の RightCorner の矢印に適用します。 |
.wijmo-wijtooltip-arrow-rt | このスタイルを C1ToolTip の RightTop の矢印に適用します。 |
.wijmo-wijtooltip-arrow-tl | このスタイルを C1ToolTip の TopLeft の矢印に適用します。 |
.wijmo-wijtooltip-arrow-tc | このスタイルを C1ToolTip の TopCorner の矢印に適用します。 |
.wijmo-wijtooltip-close | このスタイルを閉じた C1ToolTip に適用します。 |
.wijmo-wijtooltip-container | このスタイルを C1ToolTip のコンテナに適用します。 |
.wijmo-wijtooltip-pointer | このスタイルを C1ToolTip のポインタに適用します。 |
.wijmo-wijtooltip-pointer-inner | このスタイルを C1ToolTip の内側のポインタに適用します。 |
.wijmo-wijtooltip-title | このスタイルを C1ToolTip のタイトルに適用します。 |