Css 选择2中的超长选项时的背景色

使用select2，当我们有一个包含很长选项的列表时，列表中有这样的背景：

以下是一个例子：

$（'select'）。选择2（）

11111111111111111111111111111111111111111111111111111111111111111111111111111111111
1.
在上述场景中，select2插件动态计算select下拉列表的宽度，并声明内部子项（即ul、li）的宽度为父项宽度的100%。（在他们的CSS文件中提到。）


这里的问题是，select2插件没有处理长文本的情况

这可以通过添加一个简单的css属性将长文本包装到新行来解决。例如：

.select2-results__option{ 
    word-wrap:break-word;
} 

链接到工作小提琴：

此外，从用户体验的角度来看，在下拉列表中放置水平滚动条也不好。因此，我建议使用word wrap

在上面的场景中，select2插件动态计算select下拉列表的宽度，并声明内部子级（即ul、li）的宽度为父级的100%。（在他们的CSS文件中提到。）


这里的问题是，select2插件没有处理长文本的情况

这可以通过添加一个简单的css属性将长文本包装到新行来解决。例如：

.select2-results__option{ 
    word-wrap:break-word;
} 

链接到工作小提琴：

此外，从用户体验的角度来看，在下拉列表中放置水平滚动条也不好。因此，我建议使用word wrap

我认为这是最好的办法


$（'select'）。选择2（）
。选择2-results\u选项{
溢出：隐藏；
}

11111111111111111111111111111111111111111111111111111111111111111111111111111111111
1.
我认为这是最好的方法


$（'select'）。选择2（）
。选择2-results\u选项{
溢出：隐藏；
}

11111111111111111111111111111111111111111111111111111111111111111111111111111111111
1.
这里的问题是当有很多长队时。选项之间的区别不是很清楚。如果没有更好的解决方案，我想我会这么做。这里的问题是当有很多长队的时候。选项之间的区别不是很清楚。如果没有更好的解决方案，我想我会这么做；显示整行并不是因为每行的大小都不一样。@Dougui你能告诉我为什么这是最好的答案吗？由于您担心保留较长的单词，
overflow:hidden
不允许查看较长的单词。@Vishnubalga最好的答案是在注释中，但答案应该更新。@NewDeveloper您能用注释中给出的内容更新您的答案吗？您可以使用width:max content；显示整行并不是因为每行的大小都不一样。@Dougui你能告诉我为什么这是最好的答案吗？由于您担心保留较长的单词，
overflow:hidden
不允许查看较长的单词。@Vishnubalga最好的答案是在注释中，但答案应该更新。@NewDeveloper您能用注释中给出的内容更新您的答案吗？