Knop Sluiten close-button
Als u deze knop selecteert of tikt, wordt de bijbehorende webpagina gesloten. Deze knop wordt alleen weergegeven als de parameter closeButton is ingesteld op 1. Deze knop is niet beschikbaar op desktopsystemen. U kunt deze knop vergroten, verkleinen, verkleinen en plaatsen met CSS.
CSS-eigenschappen van het hoofdviewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7closebutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie ook CSS-sprites.
state kenmerkenkiezer, die u kunt gebruiken om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Lokalisatie van gebruikersinterface-elementen voor meer informatie .
Voorbeeld - Aan opstelling een Dichte knoop die 56 x 56 pixel is, en geplaatst 4 pixel van de bovenkant en de juiste rand van de belangrijkste controlebar. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten.
.s7ecatalogsearchviewer .s7closebutton {
top:4px;
right:4px;
width:56px;
height:56px;
}
.s7ecatalogsearchviewer .s7closebutton [state='up'] {
background-image:url(images/v2/CloseButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7closebutton [state='over'] {
background-image:url(images/v2/CloseButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7closebutton [state='down'] {
background-image:url(images/v2/CloseButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7closebutton [state='disabled'] {
background-image:url(images/v2/CloseButton_dark_disabled.png);
}