1

假设我有一个链接<a href="#" title="Hello, World!">。我想设置工具提示属性的部分样式。title例如，我想让Hello零件加粗。我不想同时设计Helloand World，只是Hello部分。

我尝试将 HTML 标记放在属性内，但它们似乎没有效果（如果我输入<a href="#" title="<b>Hello,</b> World!">，标题文本会打印出来<b>Hello,</b> World!，这不是我想要的。我已经做了一个JSFiddle 演示来说明发生了什么。

是否可以使用纯 CSS来做到这一点？

另外，我看到了这个，但这不是我想要的。然而，它很接近。

4

2 回答 2

2

您不能将 HTML 放在属性标题中，它不是有效代码，但我相信您可以使用hint.css库：http ://kushagragour.in/lab/hint/ 。完全基于 css 且易于使用：

<a href="http://somewhere/" class="hint  hint--bottom" data-hint="Hello" title="Hello world">Your link</a>
于 2013-02-18T07:45:32.783 回答
1

我认为你实现你想要的唯一方法是用你想要的样式制作一个 div，隐藏它，然后悬停 - 显示它。

于 2013-02-18T07:34:45.150 回答