HTML <option>标签工具提示

我有一个标签有许多子节点。我想将此下拉列表的宽度保持为最小尺寸。但是，有时候，至少有一个选项的innerHTML非常长，强制下拉列表框扩展其宽度。HTML <option>标签工具提示

我打算做的是截断长文本并使用省略号表示某些字符已被截断（“非常loooooong句子”变成“非常loooooo ..”）。为了显示全文，我正在考虑在鼠标悬停事件上使用工具提示消息。

不幸的是，每个标签的onmouseover事件似乎不起作用。我能做些什么来达到这个效果？

谢谢

来源

2010-02-05 Erwin

您是否尝试过在

max-width/width css属性起作用。然而，我试图通过使用HTML – Erwin 2010-02-05 08:22:33

将标题属性添加到每个选项应该做的伎俩。

<option value="1" title="Long description">Short desc...</option>

来源

2010-02-05 08:11:03 salgiza

哇的默认功能来显示全文。永远不会怀疑:) – Erik 2010-02-05 08:13:39

嘿，酷！有效！这是一个跨平台的解决方案吗？ – Erwin 2010-02-05 08:15:56

AFAIK，是的。 Title是一个标准的HTML属性，应该可以跨浏览器和操作系统使用。它可能不会在iPhone等触摸设备上工作，但（因为没有光标可以移动选项）。 – salgiza 2010-02-05 08:22:17

您可以设置<select>的宽度和下拉菜单会超出选择的宽度。请尝试以下操作：

<select style="width: 30px"> 
    <option>1</option> 
    <option>really long</option> 
    <option>even more longer</option> 
    <option>This should be long enough to stretch to the end of the page, but the select is still not very long</option> 
</select>

来源

2010-02-05 08:15:04 Marius

HTML <option>标签工具提示

回答

相关问题