css - 无法限制 <option> 宽度

<分区>

我有一个由一些数据库字段填充的选择框。有些字段太长，所以 option 宽度没有结束。我想限制宽度，并使用 text-overflow 属性显示省略号。但是它不起作用。

这就是我正在尝试的方式:

select option {
    display: block;
    text-overflow: ellipsis;
    max-width: 100px;
}

知道我如何在没有 JS 的情况下实现这一点吗？

非常感谢

最佳答案

这个链接也有类似的问题。在 Chrome 和 safari 中，可能无法显示省略号，您可能不得不忍受 -webkit-appearance: none。

关于css - 无法限制 <option> 宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24346457/

相关文章：

使用 jquery 的 HTML 页面选项