我正在一个涉及使用PHP脚本自动填充选择框的网站上工作。除了问题是我用来填充文本框的标题非常长(它们是期刊文章和演示文稿标题)外,所有其他方法都工作正常。下拉框延伸到最长元素的宽度,该元素延伸超出屏幕边缘,因此使滚动条无法触及。我尝试了多种尝试使用CSS手动将下拉框设置为特定宽度的方法,但到目前为止都无济于事。我所能做到的最好的事情是将“选择”框设置为一定的宽度,但是下拉菜单本身要宽得多。
任何提示,将不胜感激。
编辑:
事实证明,以下CSS行适用于除Google Chrome浏览器(这就是我在其中测试的网页)以外的所有主要浏览器。如果知道Chrome的解决方案,那将是很好的了解。
select, option { width: __; }
您可以使用option选择器为实际项目本身设置样式(尽管有一些限制):
option
这样,您不仅限制了下拉菜单,还限制了其所有元素。