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