ツールチップ

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

メインビューア領域の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 Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now