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

Question

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

<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 的有效解决方案 ...

有什么想法吗？

提前致谢!

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