Botón Buscar search-button
Propiedades CSS del área de visor principal
El aspecto del botón se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7searchbutton
Propiedad CSS
Descripción
ancho
Ancho del botón.
altura
Altura del botón.
margen superior
Desplazamiento desde la parte superior de la barra de control.
margen restante
Distancia al siguiente botón de la izquierda o al lado izquierdo de la barra de control si este botón es el primero de una fila.
imagen de fondo
Imagen que se muestra para un estado de botón determinado.
posición de fondo
Coloque dentro del icono de ilustración si se utilizan iconos CSS.
Consulte también Sprites CSS.
NOTE
Este botón es compatible con los selectores de atributos
state y selected, que pueden utilizarse para aplicar diferentes aspectos a diferentes estados de botones.En particular,
selected='false' corresponde al estado inicial del botón de desplazamiento y selected='true' corresponde al estado cuando el panel de búsqueda está activo.La información del objeto del botón se puede localizar. Consulte Localización de elementos de la interfaz de usuario para obtener más información.
Ejemplo: para configurar un botón de búsqueda de 28 x 28 píxeles y mostrar una imagen diferente para cada uno de los cuatro estados de botón diferentes cuando se selecciona o no.
.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