如何在HTML中的<select>框中向<option>添加工具提示?

时间:2015-05-29 16:15:17

标签: html google-chrome firefox

在firefox stable(v38)和早期版本的chrome中,我在节点上使用了“title”HTML属性,以便用户可以将鼠标悬停在给定选项上并查看工具提示或“悬停文本”。这是我所指的一个例子: &LT;选择&GT;     &lt; option title =“hover text!”&gt; Thing 1&lt; / option&gt;     &lt; option title =“hover text!”&gt; Thing 5&lt; / option&gt;     &lt; option title =“hover text!”&gt; Thing 3&lt; / option&gt;     &lt; option title =“hover text!”&gt; Thing 2&lt; / option&gt;     &lt; option title =“hover text!”&gt; Thing 42&lt; / option&gt; &LT; /选择&GT; 这是上面代码的jsfiddle:http://jsfiddle.net/lsabota/bt3x780j/20/ 这似乎适用于firefox stable(v38),但不适用于Chrome的最新稳定版本,似乎不适用于Firefox Aurora。我希望用户能够将鼠标悬停在任何选项上并查看标题文本(适用于较旧版本的Chrome和最新版本的Firefox)。我一直认为标题HTML属性是这样做的正确方法 - 是否有另一种方法来实现这一目标?标题属性是否已弃用节点?

2 个答案:

答案 0 :(得分:1)

我在mozilla bugzilla上打开了一个bug,这已经在firefox中解决了。 &#34;名称&#34;是选项的有效属性,在主要浏览器中受到尊重

答案 1 :(得分:0)

在做了一些谷歌和研究之后,我才知道上面提到的最新版本的网络浏览器与title属性无关。 Title属性不会弃用。