html - hint.css 不适用于输入标签

Question

我正在尝试使用 hint.css在我的注册表中，但它不起作用，工具提示与其他标签一起工作正常，但不适用于 <input>标签这是我的 html 部分:

<link href="http://cdn.jsdelivr.net/hint.css/1.3.2/hint.css" rel="stylesheet">
<p>
<a class="hint--bottom" data-hint="This is a tooltip">Hello</a>
</p>
<input name="name" value="" class="hint--bottom" data-hint="This is a tooltip"/>

演示 here

或者请建议任何支持输入标签的替代工具提示。

PS:请不要将 jsfiddle 用于您的演示，因为在我的慢速连接上打开它需要很长时间。

Answer 1

不确定为什么它不起作用，但尝试将其包装在 span 标记中。

<span class="hint--bottom" data-hint="This is a tooltip!"><input name="name" value=""/></span>