Em sistemas desktop, alguns elementos da interface do usuário, como botões, têm dicas de ferramentas exibidas ao passar o mouse.
Propriedades CSS da área do visualizador principal
A aparência das dicas de ferramentas é controlada com o seguinte seletor de classe CSS:
.s7tooltip
Propriedade CSS |
Descrição |
---|---|
border-radius |
Raio da borda do fundo. |
border-color |
Cor da borda do fundo. |
background-color |
Cor de fundo. |
cor |
Cor do texto. |
font-family |
Nome da fonte do texto. |
font-size |
Tamanho da fonte do texto. |
Se os estilos de dica de ferramenta forem personalizados na página da Web de incorporação, todas as propriedades deverão conter !IMPORTANT
regra. Essa regra não é necessária se as dicas de ferramentas forem personalizadas no arquivo CSS do visualizador.
Exemplo - para configurar dicas de ferramentas com uma borda cinza com raio de canto de três pixels, plano de fundo preto e texto branco escrito com Arial®, tamanho de 11 pixels:
.s7tooltip {
border-radius: 3px 3px 3px 3px;
border-color: #999999;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}