Pulsante Rimuovi preferito

La posizione del pulsante Rimuovi preferito è completamente gestita dal menu Preferiti.

L’aspetto del pulsante Rimuovi preferito è controllato con il seguente selettore di classe CSS:

.s7ecatalogviewer .s7removefavoritebutton

Proprietà CSS del pulsante Rimuovi preferito

immagine di sfondo

Immagine visualizzata per un determinato stato del pulsante.

posizione di sfondo

Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS.

Vedi anche Sprite CSS .

width

Larghezza del pulsante.

height

Altezza del pulsante.

NOTA

Questo pulsante supporta sia i selettori di attributi state che selected , che possono essere utilizzati per applicare interfacce diverse a diversi stati dei pulsanti. In particolare, selected='true' corrisponde allo stato in cui un utente può aggiungere una nuova icona Preferiti facendo clic o toccando. selected='false' corrisponde alla modalità operativa normale quando un utente può eseguire lo zoom, la panoramica e lo scambio di pagine.

La descrizione comando del pulsante può essere localizzata. Per ulteriori informazioni, consulta Localizzazione degli elementi dell’interfaccia utente .

Esempio : per impostare un pulsante Rimuovi preferito di 28 x 28 pixel e visualizzare un’immagine diversa per ciascuno dei quattro stati del pulsante diversi quando selezionato o non selezionato.

.s7ecatalogviewer .s7removefavoritebutton { 
 width:28px; 
 height:28px; 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='up'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_up.png); 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='over'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='down'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_down.png); 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='disabled'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png); 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='up'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='over'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='down'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='disabled'] { 
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png); 
}

In questa pagina