如何解决这个问题＆＃34;选择＆＃34;使用Css下载

Question

这个文字“第三个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>

在此处查看演示＆gt; http://jsfiddle.net/VHf9r/

如何使用文本???

使盒子宽度框始终为300px

请帮帮我。

谢谢

Answer 1

以下CSS适用于除Google Chrome之外的所有主要浏览器。我不知道有关铬的解决方案，但是这是有效的：

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

只需将myselect id附加到select元素，如下所示：

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

有关此内容的更多信息：Set width of dropdown element in HTML select dropdown options

这是一个jsFiddle：

http://jsfiddle.net/sVv6x/

至OP：这不适用于谷歌浏览器，但它可以在Firefox和其他浏览器中使用（我刚刚测试过它，它可以用于O.K ）

Answer 2

或者这个：       .widget_text选择{        最小宽度：300px; }