Bouton Search search-button
Propriétés CSS de la zone principale de la visionneuse
L’aspect du bouton est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7searchbutton
Propriété CSS
Description
Largeur
Largeur du bouton.
hauteur
Hauteur du bouton.
marge haut
Te décalé par rapport au haut de la barre de contrôle.
marge gauche
Distance jusqu’au bouton suivant à gauche ou à gauche de la barre de contrôle si ce bouton est le premier d’une rangée.
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.
NOTE
Ce bouton prend en charge 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='false' correspond à l’état initial du bouton de défilement et selected='true' correspond à l’état lorsque le panneau de recherche est actif.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 Search de 28 x 28 pixels et affiche une image différente pour chacun des quatre états de bouton différents lorsqu’il est sélectionné ou non.
.s7ecatalogsearchviewer .s7searchbutton{
margin-top: 4px;
margin-left: 10px;
width:28px;
height:28px;
display: inline-block;
background-size:contain;
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='false'][state='up'] {
background-image:url(images/v2/Search_dark_up.png);
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='false'][state='over'] {
background-image:url(images/v2/Search_dark_over.png);
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='false'][state='down'] {
background-image:url(images/v2/Search_dark_down.png);
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='false'][state='disabled'] {
background-image:url(images/v2/Search_dark_disabled.png);
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='true'][state='up'] {
background-image:url(images/v2/Search_dark_over.png);
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='true'][state='over'] {
background-image:url(images/v2/Search_dark_over.png);
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='true'][state='down'] {
background-image:url(images/v2/Search_dark_over.png);
}
.s7ecatalogsearchviewer.s7mouseinput .s7searchbutton[selected='true'][state='disabled'] {
background-image:url(images/v2/Search_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8