使用 css 调整表单中选择标签的大小以查看所有选项标签答案

【问题标题】：use css to resize select tag in form to see all option tags使用 css 调整表单中选择标签的大小以查看所有选项标签
【发布时间】：2012-11-01 20:08:01
【问题描述】：

是否可以动态调整表单中选择标签中可见选项的大小？我有例子：

<select size="1">
<option value='1'>1
<option selected value='2'>2
<option value='3'>3
<option value='4'>4
</select>

我希望在设计打印页面时看到所有选项（使用 css 动态设置大小）。并且还可以查看其他设计中的选定选项（颜色、粗体......）。我试过调整大小：

select{
        size:4;
}

但它不起作用。我至少需要一个适用于 FF、IE、Safari 的可行解决方案……

有什么想法吗？

提前致谢！

【问题讨论】：

dynamicaly resize the visible options in select tag in forms 是什么意思，它们会自动调整大小
可能的相同问题：stackoverflow.com/questions/119961/…
如果您需要可见的选项，那么您可以考虑改用checkbox 或radio 输入。或者也许使用 JavaScript 将 select 替换为 ul 或 ol 以显示相关选项。
@Mr.Alien：动态我的意思是我可以通过使用不同的css来改变可见的大小
@slapthelownote: thx，这实际上是非常相似的问题，但没有给出令人满意的解决方案 -> javascript resize 在 FF 中不起作用

标签： html css forms printing

【解决方案1】：

你可以这样使用：

<select size="1" size="4">
    <option value='1'>1</option>
    <option selected value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
</select>

别忘了关闭</option>

【讨论】：