html - 为什么我无法在 CSS 中将工具提示附加到我的文本区域？ (虽然它适用于超链接)

Question

这是我的 jsfiddle ，我不知道为什么我不能将工具提示附加到我的文本区域...有没有其他方法可以将漂亮的工具提示添加到任何输入字段或文本区域？

这是我的 html 文件:

<div id="sth">
<a href="#" class="tooltip-top" data-tooltip="This is a tooltip.">Tooltip Top</a><br>
<a href="#" class="tooltip-left" data-tooltip="This is a tooltip.">Tooltip Left</a><br>
<textarea class="tooltip-right" data-tooltip="This is a tooltip.">Where is the right tooltip? </textarea><br>
<a href="#" class="tooltip-bottom" data-tooltip="This is a tooltip.">Tooltip Bottom</a>
    </div>

CSS 内容在 fiddle 中。谢谢!

Answer 1

似乎不可能在没有其他任何东西的情况下将 css :hover 用于 textarea，但您最好在 jQuery 中执行此操作。 jQuery 有很多工具提示插件。

https://www.google.se/search?q=css+textarea+hover&gws_rd=cr&ei=vNQ7VbafDoThywP574HoBw#q=jquery+tooltip