<分区>
<分区>
这个文本“第三天啊!一个选项怎么能包含这么多单词?这真的是很多单词。”使我的选择框宽度超过 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>
在此处查看演示 > http://jsfiddle.net/VHf9r/
如何使用该文本使框宽框始终为 300px???
请帮帮我。
谢谢
最佳答案
以下 CSS 适用于除 Google Chrome 之外的所有主要浏览器。我不知道 chrome 的解决方案,但是可以:
#myselect {
width:300px;
}
#myselect option {
width:300px;
}
只需将 myselect
id 附加到选择元素,如下所示:
<select id="myselect" name="monster-widget-just-testing">
这里有更多相关信息:Set width of dropdown element in HTML select dropdown options
这是一个 jsFiddle:
致 OP:这在 Google Chrome 中不起作用,但它在 Firefox 和其他浏览器中有效(我刚刚测试过它并且可以正常工作)
关于html - 如何使用 Css 修复此 "Select"下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16744612/