删除 HTML 选择元素选项文本中的文本省略号/文本溢出换行

Question

我正在尝试禁用文本省略号（文本末尾的“...”）/溢出换行，以便能够阅读 select 元素内的 option 元素的全文。目前文本被截断，即使还有大量的空白。问题是我必须使用 Greasemonkey 来执行此操作（到目前为止尚未编写任何代码），只需在浏览器控制台中进行编辑，直到找到正确的 css 选项。到目前为止我尝试过的事情：

1. 将选项/选择宽度更改为“100%”。
2. 将选项/选择行高更改为“正常”
3. 将选项/选择填充更改为“0”
4. 将选项/选择字体大小更改为更小。
5. 设置选项/选择文本溢出到“剪辑”

6. 设置选项/选择空白为“正常”

   var menu = document.querySelector('select'); var option = document.querySelector('select option[value="neteng-deployment-agg-pod1-dub-primary"]');

我还会附上一张图片来帮助解释我的意思：

Answer 1

我不确定，但看起来像 IE 问题。
首先使用 Firefox 和 Google Chrome 检查同一页面。

Answer 2

我的直觉认为这是特定于浏览器的默认设置，并且需要特定于浏览器的 css hack 来更改这一点，您能否确认这在您机器上的所有浏览器中是否都是相同的行为？

编辑：在所有浏览器中都具有相同的知识：

很有可能用一些花哨的 jquery 版本替换默认选择元素，这些版本使用普通的 html 标记将选择元素替换为镜像版本可能会解决它

https://sitepoint.com/13-jquery-selectboxdrop-down-plugins