デスクトップシステムでは、ボタンなどの一部のユーザーインターフェイス要素に、マウスポインターを置いたときにツールチップが表示されます。
メインビューア領域の 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;
}