0

这段文字“第三个 OMG!一个选项怎么能包含这么多单词?这真的是很多单词。 ”让我的选择框宽度超过 300 像素。

<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>

在此处查看演示 > http://jsfiddle.net/VHf9r/

如何使用该文本使框宽框始终为 300 像素???

请帮我。

谢谢

4

2 回答 2

1

以下 CSS 适用于除 Google Chrome 之外的所有主要浏览器。我不知道 chrome 的解决方案,但是这是可行的:

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

myselect只需将id附加到 select 元素,如下所示:

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

更多关于这里的信息:在 HTML 中设置下拉元素的宽度选择下拉选项

这是一个jsFiddle:

http://jsfiddle.net/sVv6x/

致 OP:这在 Google Chrome 中不起作用,但它在 Firefox 和其他浏览器中起作用(我刚刚测试过它,它工作正常

于 2013-05-24T22:51:33.013 回答
0

或者这个: .widget_text select { min-width: 300px; }

于 2013-05-24T22:55:00.093 回答