将工具提示文本的特定部分设置为具有不同字体颜色的粗体答案

【问题标题】：setting particular part of the tool tip text to be bold with different font color将工具提示文本的特定部分设置为具有不同字体颜色的粗体
【发布时间】：2012-10-31 00:18:28
【问题描述】：

我在 asn asp.net 和 c#.net 中有一个图像的工具提示，我想将工具提示文本的特定部分设置为不同字体颜色的粗体，

如何做到这一点？

【问题讨论】：

标签： asp.net tooltip

【解决方案1】：

这里有一些不错的纯 CSS 工具提示行为，您可以使用它们来自定义工具提示：http://meyerweb.com/eric/css/edge/popups/demo.html，这是通过在 a 内使用 :hover 选择器的 span 元素来完成的。

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.
}

尝试在此示例的工具提示范围内包含 <span>bold text here</span>，并使用 css 对其进行适当的样式设置。比如

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

一个更简单的例子here.。在此示例中，您将添加以下样式：

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

【讨论】：

感谢 Alexei 的支持和编辑。但是，在英语中，customize 的正确拼写是“customise”，而行为是“behaviour”。我认为您的拼写检查器设置为美式。