Question

我想在HTML中使用CSS 仅进行自定义选择。所以我在选择周围做了诀窍，以便有一个自定义箭头（View here）。

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

PS：我使用的是Firefox，我只想使用CSS。所以请不要在JS中找到解决方案。

提前致谢

Answer 1

这应该有所帮助：

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

因此，在您的情况下，只需将max-width设置为90％（甚至更低），因此它不会与箭头重叠。