Auf Desktop-Systemen verfügen einige Elemente der Benutzeroberfläche, wie Schaltflächen, über QuickInfos, die beim Bewegen der Maus 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 |
Rahmenfarbe im Hintergrund |
background-color |
Hintergrundfarbe. |
color |
Textfarbe. |
font-family |
Textschriftart. |
font-size |
Schriftgröße des Textes. |
Wenn QuickInfo-Stile von der Einbettungswebseite aus angepasst werden, müssen alle Eigenschaften die !IMPORTANT
-Regel enthalten. Dies ist nicht erforderlich, wenn QuickInfos in der CSS-Datei des Viewers angepasst werden.
So richten Sie QuickInfos mit einem grauen Rand mit einem Radius von drei Pixeln, einem schwarzen Hintergrund und einem weißen Text in Arial ein (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;
}