Question

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

这就是我尝试这样做的方式：

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

知道如何在没有JS的情况下实现这个目标吗？

非常感谢

Answer 1

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