我有一个显示字符串列表的网页(字符串是从API调用中获取的).它们显示为 Select /选项标签,我需要显示所有选项(它们不应被隐藏).为了实现这一点,我在 Select 标记中指定了size
个属性.代码如下:
Html:
<select size="2">
<option value="1">1</option>
<option value="2">2</option>
</select>
另请参阅以下内容:
select {
overflow: auto;
height: auto;
background-color: #08112d;
max-height: 300px;
}
option {
font-size: 16px;
color: #fff;
padding: 1rem;
}
example on fiddle which works个
The problem个
如果列表中只有一个选项,那么样式就会被 destruct , Select 列表需要点击才能看到选项,这是我不想要的.如何修复它?
example on fiddle which has broken styles个
P.S.个 我需要使用SELECT/OPTIONS标记,因为我需要它们的行为(比如可选选项,以及使用向上箭头按钮⬆和向下箭头⬇ Select 选项的可能性).所以我不能使用其他标签(除非你能建议如何添加这样的行为).