Tooltips

Última actualización: 2023-05-23
  • Creado para:
  • Developer
    User

En sistemas de escritorio, algunos elementos de la interfaz de usuario, como los botones, incluyen información sobre herramientas que se muestra al pasar el ratón por encima.

Propiedades CSS del área del visor principal

El aspecto de la información del objeto se controla con el siguiente selector de clase CSS:

.s7tooltip

Propiedad CSS

Descripción

border-radius

Radio de borde de fondo.

border-color

Color de borde de fondo.

background-color

Color de fondo.

color

Color del texto.

font-family

Nombre de fuente del texto.

font-size

Tamaño de fuente del texto.

NOTA

En caso de que los estilos de información del objeto se personalicen desde la página web en la que se incorpora, todas las propiedades deben contener !IMPORTANT regla. Este paso no es necesario si la información del objeto se personaliza en el archivo CSS del visor.

Ejemplo: para configurar la información del objeto que tiene un borde gris con un radio de esquina de 3 píxeles, un fondo negro y texto blanco en Arial®, tamaño de 11 píxeles:

.s7tooltip {
 border-radius: 3px 3px 3px 3px;
 border-color: #999999;
 background-color: #000000;
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}

En esta página