Tooltips

Última actualización: 2023-11-04
  • 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

Si los estilos de la información sobre herramientas se personalizan desde la página web en la que se incorpora, todas las propiedades deben contener !IMPORTANT regla. Sin embargo, no es necesario si la información del objeto se personaliza en el archivo CSS del visor.

Ejemplo: para configurar información de objeto que tenga un borde gris con un radio de esquina de 3 píxeles, fondo negro y texto blanco escrito con 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