在HTML选择下拉菜单中设置下拉菜单元素的宽度

Question

我正在一个涉及使用PHP脚本自动填充选择框的网站上工作。除了问题是我用来填充文本框的标题非常长（它们是期刊文章和演示文稿标题）外，所有其他方法都工作正常。下拉框延伸到最长元素的宽度，该元素延伸超出屏幕边缘，因此使滚动条无法触及。我尝试了多种尝试使用CSS手动将下拉框设置为特定宽度的方法，但到目前为止都无济于事。我所能做到的最好的事情是将“选择”框设置为一定的宽度，但是下拉菜单本身要宽得多。

任何提示，将不胜感激。

编辑：

事实证明，以下CSS行适用于除Google
Chrome浏览器（这就是我在其中测试的网页）以外的所有主要浏览器。如果知道Chrome的解决方案，那将是很好的了解。

select, option { width: __; }

Answer 1

您可以使用option选择器为实际项目本身设置样式（尽管有一些限制）：

select, option { width: __; }

这样，您不仅限制了下拉菜单，还限制了其所有元素。