ToolTip for ASP.NET Web Forms
CSS セレクタ
C1ToolTip の外観 > CSS セレクタ

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 のタイトルに適用します。
関連トピック