ドロップダウンボックスに2つのアイテムを表示するには、選択できないデフォルトと最初に選択可能なアイテムはありますか？

Question

HTMLとCSSを使用すると、選択していないデフォルト（タイトル）と最初に選択可能なアイテムの2つのアイテムが表示されます。現時点で

タイトルのみ項目を示していた私はこれを持っているすべて、：あなたがsize属性を使用することができます

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; } 

Answer 1

あなたの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