Javascript 为什么在select中选择选项会缩短选项的文本？

我正在Chrome上运行此代码段。如您所见，我有一个带有水平滚动条的selectmultiple元素。文本溢出，使其滚动。但是，当您选择特定选项并向右滚动时，它会截断所选选项的文本

也就是说，文本缩短为，这是一个很长的选项，这是一个很长的选项

为什么会这样，我怎样才能防止它发生

挑选{ 高度：378px； 宽度：260px； 溢出-x：滚动； } 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项

---

这是网站默认的风格我gusse

您可以通过将“选择”选项更改为“显示为表”来解决此问题

这可能无法为您的问题提供完整答案，但可以帮助您理解问题并为您提供解决方案

挑选{ 高度：200px； 宽度：260px； 溢出-x：滚动； } 选择>选项{ 显示：表格； } 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项

---

选择选项时，“用户代理”样式会将白色应用于选项。这适用于同样应用的蓝色背景，但背景仅扩展到option元素的大小，而不扩展到文本大小

一种解决方法是将滚动条添加到div容器中，而不是选择

选择1.v1{ 高度：378px； 宽度：260px； 溢出-x：滚动； } .v2{ 高度：378px； 宽度：260px； 溢出-x：滚动； } .v2选择{ 溢出：隐藏； 身高：100%； } 选择权{ 外形：1px纯黑； } 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项 这是一个很长的选项这是一个很长的选项

---

或者在Chrome中也可以。谢谢@ktm5124浮点：左也将执行此操作