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

Question

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

任何对此的提示将不胜感激。

编辑：

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

select, option { width: __; }

Answer 1

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

select, option { width: __; }

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