HTML5フォーム選択フィールドがホバーまで表示されない

Question

Windowsでドロップダウンメニュー項目を表示できません。ドロップダウンメニューを開くと、選択肢が表示されるまで選択肢が隠されます。 Mac（Chrome/Safari）ではすべて正常に動作しているようですが、Windows（Chrome/IE）では動作しません。誰もこれを前にして来たのですか？

<select> 
    <option value disabled selected>Select your option</option> 
    <option value=“duck”>Duck</option> 
    <option value=“lamb”>Lamb</option> 
    <option value=“vegetarian”> Vegetarian </option> 
</select> 

あなたがここで問題にサイトを表示することができます：あなたが白にフォントの色を設定し、CSSルールを持っているので http://newyearnewshaki.com> RSVPボタン

Answer 1

をクリック

は、ここに私のHTMLです。行2084：

input,textarea,file,select { 
    font-family: "Montserrat",sans-serif; 
    width: 100%; 
    background: transparent; 
    border: 2px solid #FFF; 
    padding: 1em; 
    margin: 1em 0 2em 0; 
    font-size: 1em; 
    color:#FFF; /* HERE */ 
    outline: none; 
    -webkit-transition: border 0.2s ease-in-out; 
    transition: border 0.2s ease-in-out; 
    border-radius: 5px; 
} 

Answer 2

選択の背景色を黒に変更します。

あなたのフォントは白で、背景色も白です。ホバーするとテキストが表示されます。背景色を灰色に変更すると、テキストが表示されます。