Nein, soweit ich weiß kannst du das title-Attribut nicht stylen. Das hat den Hintergrund dass die Gestaltung dieser Elemente vom Browser abhängt.
Es gibt auch Workarounds ohne die Verwendung von JS, nur mit CSS. Dazu definierst du deinen gewünschten Tooltiptext als <span> innerhalb deines divs.
Code:
<div class="mitTooltip">Text<span>Gestylter Tooltip</span></div>
Der folgende CSS-Code baut dir aus dem <span> eine Art Textbox, die beim Überfahren des <div> unterhalb des Textes sichtbar wird.
Code:
.mitTooltip {
text-decoration: none
}
.mitTooltip:hover {
cursor: help;
position: relative
}
.mitTooltip span {
display: none
}
.mitTooltip:hover span {
border: #c0c0c0 1px dotted;
background-color:#DDDDDD;
padding: 5px 20px 5px 5px;
display: block;
z-index: 100;
left: 0px;
margin: 10px;
width: 250px;
position: absolute;
top: 10px;
}
Unter ..mitTooltip:hover span kannst du jetzt beliebiges Styling für den Tooltiptext hinzufügen.