如何将工具提示添加到HTML中的<select>框中的<option>？

2018-06-17 13:43:34

在firefox stable（v38）和早期版本的chrome中，我在节点上使用了“标题”HTML属性，以便用户可以将鼠标悬停在给定选项上并查看工具提示或“悬停文本”。以下是我所指的一个例子：

<select>
    <option title="hover text!">Thing 1</option>
    <option title="hover text!">Thing 5</option>
    <option title="hover text!">Thing 3</option>
    <option title="hover text!">Thing 2</option>
    <option title="hover text!">Thing 42</option>
</select>

这里是上述代码的jsfiddle：http://jsfiddle.net/lsabota/bt3x780j/20/

这似乎与Firefox稳定（v38），但不适用于最新的稳定版本的Chrome浏览器，并且似乎不适用于Firefox Aurora。我希望用户能够将鼠标悬停在任何选项上，并看到标题文本（可在旧版Chrome和最新版本的Firefox中使用）。我一直认为标题HTML属性是做到这一点的正确方法 - 是否有另一种方法来实现这一点？标题属性是否被弃用的节点？

我在mozilla bugzilla上打开了一个bug，这个问题已经在firefox中解决了。 “标题”是选项的有效属性，并在主要浏览器中受到尊重

在做了一些Google和研究之后，我开始知道所提到的最新版本的Web浏览器不适用于title属性。 Title属性不被弃用。

链接地址: http://www.djcxy.com/p/49653.html

上一篇: How to add a tooltip to a <option> in a <select> box in HTML?

下一篇: Multiple Dropdowns causes issue on FIREFOX if options are disabled