Firefox CSS-自定义选择文本溢出

我想在HTML中只使用CSS进行自定义选择。因此，我做了选择周围的技巧，以便有一个自定义箭头

我想将select的文本溢出设置为“省略号”。但现在长选项与我的自定义箭头重叠。有没有办法限制select的最大文本宽度，以便省略号位于自定义箭头之前

PS：我正在使用Firefox，我只想使用CSS来实现这一点。所以请不要在JS中使用任何解决方案

提前感谢

这将有助于：

.truncate {    
    max-width: TRUNCATION-BOUNDARY;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

---

因此，在您的情况下，只需将“最大宽度”设置为90%或更小，这样它就不会与箭头重叠。

您没有这样做。。我在博客上读到了同样的内容。可能是