2017-09-11 1 views
0

Je pense que la taille de la police du contenu tooltip est petite. Par exemple, le code est comme ci-dessous:comment modifier la taille de la police du contenu de l'info-bulle?

<span name="explanation" data-toggle="tooltip" title="hello world!"></span> 

Alors, comment modifier la taille de la police du montrait «Bonjour tout le monde! lorsque la souris planant le span élément?

+0

Regardez dans le code de la page quel élément est l'info-bulle, peut-être qu'il a une classe où vous pouvez remplacer les valeurs par défaut. –

+0

Copie possible de [Comment changer le style de l'attribut Titre à l'intérieur de l'étiquette d'ancrage?] (Https://stackoverflow.com/questions/2011142/how-to-change-the-style-of-title-attribute-inside- l'ancre-tag) – Ofisora

Répondre

1

Tout d'abord, commencez par le code suivant dans la section de tête HTML: En second lieu, incorporer une infobulle quelque part sur votre page en utilisant respectivly le code suivant

<style type="text/css"> 
 
a.tooltip { 
 
\t position: relative; 
 
\t text-decoration: none; 
 
\t color: blue; 
 
} 
 

 
a.tooltip span { 
 
\t display: none; 
 
} 
 

 
a.tooltip:hover span { 
 
\t position: absolute; 
 
\t top: 40px; 
 
     font-size: 40px; 
 
\t left: 0px; 
 
\t display: block; 
 
\t width: 250px; 
 
\t color: black; 
 
\t background-color: #FFFF40; 
 
\t border: 1px solid black; 
 
\t padding: 5px; 
 
} 
 
</style>
<a class="tooltip" href="#">this text<span>This help text is shown in the tooltip. It spans multiple lines and works in all browsers.</span></a>

+0

Je l'ai essayé. C'est en effet une méthode intelligente. Merci beaucoup ~ – AndrewGong

+0

N'oubliez pas d'upvote la réponse mon ami! – Dubois

0

jQuery Tooltip est un bon choix . la taille de la police est plus grande et préférée pour moi.