ツールチップ

最終更新日: 2023-11-03
  • 作成対象:
  • Developer
    User

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

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

このページ