Knappen Lägg till favorit add-favorite-button

Placeringen av knappen Lägg till favorit hanteras helt av menyn Favoriter.

Utseendet på knappen Lägg till favorit styrs av följande CSS-klassväljare:

.s7ecatalogviewer .s7addfavoritebutton

CSS-egenskaper för knappen Lägg till favorit

background-image
Bilden som visas för ett visst knappläge.
background-position

Placera inuti en teckningssprite, om CSS-sprites används.

Se även CSS-fragment.

width
Knappens bredd.
height
Knappens höjd.
NOTE
Den här knappen har stöd för båda state och selected attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen. I synnerhet selected='true' motsvarar läget när en användare kan lägga till en ny Favorit-ikon genom att markera eller trycka. Attributet selected='false' motsvarar det normala driftsläget när en användare kan zooma, panorera och byta sidor.

Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av användargränssnittselement för mer information.

Exempel - För att ställa in en Lägg till favorit-knapp som är 28 x 28 pixlar. Och den visar olika bilder för vart och ett av de fyra olika knapplägena när den är markerad eller inte är markerad.

.s7ecatalogviewer .s7addfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8