2017-09-11 1 views
0

Ich glaube, die Schriftgröße des Inhalts von Tooltip ist klein. Zum Beispiel ist der Code wie folgt:Wie ändert man den Inhalt der Tooltip-Inhalte?

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

So wie die Schriftgröße der zeigte zu ändern ‚Hallo Welt!‘ wenn die Maus das spanne Element schwebt?

+0

Suchen Sie im Seitencode, welches Element der Tooltip ist, vielleicht hat er eine Klasse, in der xou die Standardwerte überschreiben kann. –

+0

Mögliches Duplikat von [Wie ändere ich den Stil des Title-Attributs innerhalb des Anchor-Tags?] (Https://stackoverflow.com/questions/2011142/how-to-change-the-style-of-title-attribute-inside-in- the-anchor-tag) – Ofisora

Antwort

1

Zuerst mit dem folgenden Code in den HTML-Kopfteil starten: Zweitens einbetten ein Tooltip irgendwo auf Ihrer Seite respectivly den folgenden Code verwenden

<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

Ich habe es ausprobiert. Es ist in der Tat eine kluge Methode. Vielen Dank ~ – AndrewGong

+0

Vergessen Sie nicht, die Antwort mein Freund upvote! – Dubois

0

jQuery Tooltip ist eine gute Wahl . Die Schriftgröße ist größer und Favorit für mich.

Verwandte Themen