ツールチップ

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

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

このページ