文本溢出：省略号在 HTML 选择中不起作用答案

【问题标题】：text-overflow:ellipsis doesn't work in HTML select properly文本溢出：省略号在 HTML 选择中不起作用
【发布时间】：2015-06-24 19:18:38
【问题描述】：

虽然 text-overflow: ellipsis in css 在 div、spans 等中可以正常工作，但在 HTML 选择中不能正常工作。只有文本溢出将从选择中隐藏。但不以点结尾作为文本溢出的默认行为

有人可以为此提出任何解决方法吗？

JsFiddle Exampleenter code here

【问题讨论】：

这是不支持的行为，除了你应该设置option的样式。您可以通过使用 jQuery 的 Select2 之类的东西来解决这个问题。
@SmrMano，在下面的链接中查看“Steven Web”给出的答案，set dropdown list option with ellipses Working DEMOHTH
Ellipsis for overflow text in dropdown boxes的可能重复

【解决方案1】：

添加

select, select option {

而不是

select

在你的 CSS 中

你只给了选择标签标题而不是选项标签

【讨论】：