是否可以使用默认的select元素在Chrome中显示下拉选项的全文？

Question

这里的问题很简单，但不确定在哪里找到答案。我有一个站点，该站点在Safari中通过包装文本并扩展select元素的高度来显示下拉选项的整个文本。在Chrome中，默认情况下，一旦达到元素的最大宽度，文本就会被截断。我知道在默认的select元素上可以进行多少样式设置是有限制的，但是我想知道我在Safari中看到的内容是否可以在Chrome中复制。

我尝试添加许多CSS样式，希望这些样式可以包装文本而不是剪切文本。

select {
  width: 100%;
  word-wrap: break-word;
  white-space: nowrap;
  overflow-wrap: break-word;
  text-overflow: inherit;
  white-space: nowrap;
  overflow: visible !important;
}

我把所有的东西都扔了，但我似乎还是没办法把文字包起来。 Chrome甚至有可能吗？ Chrome文档中是否有一个地方可以解决这个问题？

这是我开始的一个Codepen，尽管除非您拥有专业版，否则无法在Codepen中进行跨浏览器测试。 这是指向Codepen example的嵌入式链接。