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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

事实证明，以下CSS行适用于除Google

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

select, option { width: __; }

回答：

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

select, option { width: __; }

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

以上是 在HTML选择下拉菜单选项中设置下拉菜单元素的宽度 的全部内容， 来源链接： utcz.com/qa/434054.html

回到顶部