Tooltips

Letzte Aktualisierung: 2023-11-04
  • Erstellt für:
  • Developer
    User

Auf Desktop-Systemen verfügen einige Elemente der Benutzeroberfläche, wie Schaltflächen, über QuickInfos, die beim Bewegen des Mauszeigers angezeigt werden.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild von QuickInfos wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7tooltip

CSS-Eigenschaft

Beschreibung

border-radius

Rahmenradius im Hintergrund

border-color

Hintergrundrahmenfarbe.

background-color

Hintergrundfarbe.

color

Textfarbe.

Schriftfamilie

Textschriftart.

Schriftgröße

Textschriftgröße.

HINWEIS

Falls QuickInfo-Stile von der eingebetteten Webseite aus angepasst werden, müssen alle Eigenschaften die !IMPORTANT Regel. Diese Regel ist nicht erforderlich, wenn QuickInfos in der CSS-Datei des Viewers angepasst werden.

Beispiel - So richten Sie QuickInfos ein, die einen grauen Rahmen mit einem Radius von drei Pixel, schwarzem Hintergrund und weißem Text in Arial® haben, und zwar 11 Pixel:

.s7tooltip {
 border-radius: 3px 3px 3px 3px;
 border-color: #999999;
 background-color: #000000;
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}

Auf dieser Seite