ツールチップ

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

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