ツールチップ

デスクトップシステムでは、ボタンなど一部のユーザーインターフェイス要素に、マウスのカーソルを合わせたときに表示されるツールヒントがあります。

メインビューア領域のCSSプロパティ

ツールヒントの外観は、以下のCSSクラスセレクターを使用して制御します。

.s7tooltip

CSSプロパティ

説明

border-radius

背景の境界線の半径

border-color

背景の境界線のカラー

background-color

背景色.

color

テキストカラー

font-family

テキストのフォント名

font-size

テキストのフォントサイズ

メモ

埋め込みWebページ内からツールチップスタイルをカスタマイズする場合は、すべてのプロパティに!IMPORTANTルールを含める必要があります。 これは、ツールヒントがビューアのCSSファイルでカスタマイズされている場合は不要です。

例 — 角丸の半径が3ピクセルのグレーの境界線を持ち、黒の背景に加え、Arial、11ピクセルのサイズの白のテキストを持つツールヒントを設定するには、次のように記述します。

.s7tooltip { 
 border-radius: 3px 3px 3px 3px; 
 border-color: #999999; 
 background-color: #000000; 
 color: #FFFFFF; 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px; 
}

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free