小编典典

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

html

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

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

编辑:

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

select, option { width: __; }

阅读 1391

收藏
2020-05-10

共1个答案

小编典典

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

select, option { width: __; }

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

2020-05-10