Botón Restablecer zoom zoom-reset-button
Al tocar o hacer clic en este botón, se restablece una imagen en la vista principal. Puede cambiar el tamaño, la apariencia y la posición de este botón mediante CSS.
Propiedades CSS del área de visor principal
El aspecto del botón se controla con el siguiente selector de clase CSS:
.s7spinviewer .s7zoomresetbutton
Coloque dentro del icono de ilustración si se utilizan iconos CSS.
Ver Sprites CSS.
state
, que se puede utilizar para aplicar diferentes aspectos a diferentes estados de botones.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 restablecimiento de zoom de 32 x 32 píxeles y colocado a seis píxeles de la parte superior y el borde derecho del visor. Y, finalmente, muestra una imagen diferente para cada uno de los cuatro estados de botón diferentes.
.s7spinviewer .s7zoomresetbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7spinviewer .s7zoomresetbutton [state='up'] {
background-image:url(images/v2/ZoomResetButton_dark_up.png);
}
.s7spinviewer .s7zoomresetbutton [state='over'] {
background-image:url(images/v2/ZoomResettButton_dark_over.png);
}
.s7spinviewer .s7zoomresetbutton [state='down'] {
background-image:url(images/v2/ZoomResetButton_dark_down.png);
}
.s7spinviewer .s7zoomresetbutton [state='disabled'] {
background-image:url(images/v2/ZoomResetButton_dark_disabled.png);
}