Sur les systèmes de bureau, certains éléments de l’interface utilisateur, tels que les boutons, comportent des info-bulles qui s’affichent lorsque vous pointez la souris.
Propriétés CSS de la zone de visualisation principale
L’aspect des info-bulles est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7tooltip
Propriété CSS |
Description |
---|---|
border-radius |
Rayon de la bordure d’arrière-plan. |
border-color |
Couleur de bordure d’arrière-plan. |
arrière-plan-couleur |
Couleur de fond. |
color |
Couleur du texte. |
font-family |
Nom de la police de texte. |
font-size |
Taille de police du texte. |
Si les styles d’info-bulle sont personnalisés à partir de la page Web d’incorporation, toutes les propriétés doivent contenir la règle !IMPORTANT
. Cela n’est pas nécessaire si les info-bulles sont personnalisées dans le fichier CSS du lecteur de contenu.
Exemple - Pour configurer des info-bulles avec une bordure grise avec un rayon d'angle de trois pixels, un arrière-plan noir et un texte blanc en Arial, 11 pixels :
.s7tooltip {
border-radius: 3px 3px 3px 3px;
border-color: #999999;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}