是否可以在title属性中设置某些文本的样式?

时间:2013-02-18 07:28:01

标签: html css

假设我有一个链接<a href="#" title="Hello, World!">。我想设置title工具提示属性的部分的样式。例如,我希望Hello部分为粗体。我尝试设置HelloWorld的样式,只考虑Hello部分。

我已尝试将HTML标记放在属性中,但它们似乎没有效果(如果我输入<a href="#" title="<b>Hello,</b> World!">,标题文本会打印出<b>Hello,</b> World!,这不是我想要的。我已经发生了JSFiddle demo的事情。

是否可以使用纯CSS?

执行此操作

另外,我看过this,,但这不是我想要的。然而,它很接近。

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

我认为你实现目标的唯一方法就是用你想要的风格制作一个div,隐藏它,然后悬停 - 展示它。