setting particular part of the tool tip text to be

Question

i have tool tip for an image in asn asp.net & c#.net and i want to set particular part of the tool tip text to be bold with different font color,

how can that be done?

Answer 1

Here is some nice CSS-only tooltip behavior which you could use to customize your tooltips: http://meyerweb.com/eric/css/edge/popups/demo.html which is done by using :hover selector for span element inside a.

HTML:

<a href="http://sample.com/">Links<span>Tooltip text</span></a>

CSS:

div#links a span {display: none;} // hide our tooltip SPAN.
div#links a:hover span {
  display: block; // show our tooltip
  // position/style tool-tip here.
}

Try including a <span>bold text here</span> within the tooltip span from this example and style it appropriately with css. Such as

div#links a span span {font-weight: bold;}

A simpler example here.. In this example you would add the following style instead:

a.info span span {font-weight: bold;}