DocumentationGuide de référence des visionneuses Dynamic Media

Bouton Supprimer les favoris remove-favorite-button

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Développeur
  • Utilisateur ou utilisatrice

La position du bouton Supprimer les favoris est entièrement gérée par le menu Favoris.

L’apparence du bouton Supprimer les favoris est contrôlée par le sélecteur de classe CSS suivant :

.s7ecatalogsearchviewer .s7removefavoritebutton

Propriétés CSS du bouton Supprimer les favoris

image d’arrière-plan
Image affichée pour un état donné du bouton.
position de l’arrière-plan

Position à l’intérieur du sprite de l’illustration, si des sprites CSS sont utilisés.

Voir aussi SpritesCSS.

Largeur
Largeur du bouton.
hauteur
Hauteur du bouton.
NOTE
Ce bouton prend en charge à la fois les sélecteurs d’attributs state et selected , qui peuvent être utilisés pour appliquer différents habillages à différents états de bouton. En particulier, selected='true' correspond à l’état dans lequel un utilisateur peut ajouter une nouvelle icône Favori en cliquant ou en appuyant. Et selected='false' correspond au mode de fonctionnement normal où un utilisateur peut agrandir, effectuer un panoramique et permuter des pages.

L’info-bulle du bouton peut être localisée. Pour plus d’informations, voir Localisation des éléments de l’interface utilisateur.

Exemple - pour configurer un bouton Supprimer les favoris de 28 x 28 pixels et afficher une image différente pour chacun des quatre états de bouton différents lorsqu’il est sélectionné ou non.

.s7ecatalogsearchviewer .s7removefavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8