javascript - 文本溢出 :ellipsis doesn't work in HTML select properly

Question

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

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

JsFiddle Example 在这里输入代码

Answer 1

添加

select, select option {

代替

select

在你的 CSS 中

您只为 select 标签标题赋予了样式，而没有为 option 标签赋予样式