<option>标签</option>上的跨浏览器高级工具提示功能

时间:2014-06-20 21:44:23

标签: javascript jquery html css tooltip

今天,HTML标签支持&#34; title&#34;所有主流浏览器的属性。将鼠标悬停在下拉列表中的选项上时,标题将显示为工具提示。什么事件允许标题显示?

我应该说这是我第一次提问。为了符合这些指导方针,我已尽最大努力研究了这一点,但我不是这方面的专家。这个主题已经反复讨论,但从来没有一个明确的答案(至少我找不到答案)。我编写了很多方法,所有这些方法都适用于Firefox,但不适用于任何其他常用浏览器。我见过许多过时的建议,但在2007年之后几乎没有任何建议,但它们都没有工作(甚至不是IE特有的)。要么我缺少一些东西,要么我还有很多东西需要学习(两者都有可能)。

显然,我正在寻找超越简单文本工具提示的东西。我想要做的是当用户将光标移动到选择列表中的各个选项上时,在附近显示一个小图像。 Firefox中的一块蛋糕(我可以通过多种方式实现),但似乎没有其他浏览器支持这一点。显然,其他浏览器不支持鼠标悬停或悬停在选项标签上,该标题将出现。必须有一个触发它的事件。为什么不能使用它?

感激地接受任何和所有的想法和建议。谢谢。

1 个答案:

答案 0 :(得分:0)

这不是官方DOM隐式支持的,因此您必须创建自定义下拉框。

http://www.sitepoint.com/16-jquery-selectboxdrop-down-plugins/

您可以根据需要对其进行编码,但是没有办法使用html下拉列表(select / option)元素。