假设我有一个链接<a href="#" title="Hello, World!">
。我想设置title
工具提示属性的部分的样式。例如,我希望Hello
部分为粗体。我不尝试设置Hello
和World
的样式,只考虑Hello
部分。
我已尝试将HTML标记放在属性中,但它们似乎没有效果(如果我输入<a href="#" title="<b>Hello,</b> World!">
,标题文本会打印出<b>Hello,</b> World!
,这不是我想要的。我已经发生了JSFiddle demo的事情。
是否可以使用纯CSS?
执行此操作另外,我看过this,,但这不是我想要的。然而,它很接近。
答案 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,隐藏它,然后悬停 - 展示它。