如何在下拉框中显示两个项目，不可选默认值和第一个可选项目？

使用HTML和CSS，我怎样才能制作一个下拉菜单，在没有被悬停或点击的情况下显示两个项目，即不可选的默认（标题）和第一个可选项目？如何在下拉框中显示两个项目，不可选默认值和第一个可选项目？

此刻所有我有这个，这表明只有标题项：

HTML

<select class="select-box" id="form" onChange="window.location.href=this.value"> 
<option value="">Select</option> 
<option value="http://foobar.com/1.html">1</option> 
<option value="http://foobar.com/2.html">2</option> 
<option value="http://foobar.com/3.html">3</option> 
<option value="http://foobar.com/4.html">4</option> 
</select>

CSS

.select-box {border:1px solid #000; height:18px; text-align: center; } 
form input[type="text"] { 
    height: 14px; width: 200px; 
    margin-top: 3px; color: #000; border: 1px solid #000; }

来源

2017-08-27 ruffle

你喜欢这个东西的一些后？ https://stackoverflow.com/questions/18179960/how-to-add-a-title-to-a-html-select-tag – user3633383

如果你的意思是在顶部答案的建议，这给了我一样的'已经得到了。我需要显示两个项目，不可选默认值和第一个可选项目。此刻只有无法选择的默认显示。 – ruffle

查看ovokuro的回答。基本上大小选项，告诉你想要显示多少选项！ – user3633383

可以使用size属性在你的select元素中。此外，删除height属性为此工作。

.select-box { 
 
    border: 1px solid #000; 
 
    text-align: center; 
 
} 
 

 
form input[type="text"] { 
 
    height: 14px; 
 
    width: 200px; 
 
    margin-top: 3px; 
 
    color: #000; 
 
    border: 1px solid #000; 
 
}

<select class="select-box" id="form" onChange="window.location.href=this.value" size="2"> 
 
<option value="">Select</option> 
 
<option value="http://foobar.com/1.html">1</option> 
 
<option value="http://foobar.com/2.html">2</option> 
 
<option value="http://foobar.com/3.html">3</option> 
 
<option value="http://foobar.com/4.html">4</option> 
 
</select> CSS

来源

2017-08-27 11:49:19 sol

如何在下拉框中显示两个项目，不可选默认值和第一个可选项目？

回答

相关问题