如何在下拉框中顯示兩個項目，不可選默認值和第一個可選項目？

使用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

如何在下拉框中顯示兩個項目，不可選默認值和第一個可選項目？

回答

相關問題