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