Html 如何解决这个问题；选择"；使用Css下拉列表

此文本“第三个OMG！一个选项怎么能包含这么多单词？这确实是很多单词。”使我的选择框宽度超过300px

<form action="" method="get">
<select name="monster-widget-just-testing">
<option value="0">First
</option><option value="1">Second
</option><option value="2">Third OMG! How can one option contain soooo many words? This really is a lot of words.
</option></select>
</form>

弗斯特
第二
天哪！一个选项怎么能包含这么多单词？这真是太多的话了。

在此处查看演示>

如何使文本框的宽度始终为300px

请帮帮我

---

谢谢

以下CSS在除Google Chrome之外的所有主要浏览器中都可以使用。我不知道chrome的解决方案，但这是可行的：

#myselect { 
width:300px; 
} 
#myselect option { 
width:300px; 
}

只需将

myselect

id附加到select元素，如下所示：

<select id="myselect" name="monster-widget-just-testing">

更多信息请点击此处：

下面是一个JSFIDLE：

操作说明：这在Google Chrome中不起作用，但在Firefox和其他浏览器中也能起作用（我刚刚测试过，效果良好）

或者这一款： .widget\u文本选择{ 最小宽度：300px；

---

}

我认为没有办法调整

select

的“下拉部分”的宽度……select是样式的一个b*tch。我只是不想麻烦……您是否试图控制

选择

框下拉部分的宽度（相对于始终可见的部分）？这设置了最小宽度，我想您是指

最大宽度

不，我是指最小宽度。如果你看J.S.Fiddle，选项列表太窄，因此最小宽度不允许任何小于300px的选项。“最大宽度”一点帮助都没有。在这里包含

选项可能没有必要。@v123shine请看我的编辑-Chrome有问题