Knappen Stäng close-button
Om du markerar eller trycker på den här knappen stängs webbsidan med innehållet. Den här knappen visas bara om parametern closeButton har värdet 1. Den här knappen är inte tillgänglig på stationära datorer. Du kan ändra storlek, skal och position för knappen med hjälp av CSS.
CSS-egenskaper för huvudvisningsområdet
Knappens utseende styrs med följande CSS-klassväljare:
.s7ecatalogsearchviewer .s7closebutton
Placera inuti en teckningssprite, om CSS-sprites används.
Se även CSS-fragment.
state
som du kan använda för att använda olika skal för olika knapplägen.Knappens funktionsbeskrivning kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.
Exempel - Att ställa in en stängningsknapp som är 56 x 56 pixlar och placerad 4 pixlar från den övre och högra kanten av huvudkontrollfältet. Slutligen visas olika bilder för de fyra olika knapplägena.
.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);
}