ドロップダウンのスタイルを変更できないのはなぜですか？

Question

私はHTMLとCSSが初めてです。私は2つのドロップダウンメニューが並んでいるプロジェクトをやっています。私はサイズ、色などでそれらをスタイルすることができるようにしたいと思います。セレクタを作成してスタイルを設定しようとしていますが、私はどこにも行きません。助けてください！！ここまで私のコードです。

.mydropdown1{ 
 
    text-align: center; 
 
    font-size:1em; 
 
    font-family: Arial 
 
}

<p> (Job Openings 000) </p> 
 

 
<select class="mydropdown1"> 
 
    <option value="language" selected>Language</option> 
 
    <option value="english">English</option> 
 
    <option value="french">French</option> 
 
    <option value="german">German</option> 
 
    <option value="italian">Italian</option> 
 
    <option value="dutch">Dutch</option> 
 
    <option value="spanish">Spanish</option> 
 
</select> 
 
    
 
<select class="mydropdown2"> 
 
    <option value="job ategories" selected> Job Categories</option> 
 
    <option value="writer">Writer</option> 
 
    <option value="editor">Editor</option> 
 
    <option value="artist">Artist</option> 
 
</select>

Answer 1

スタイルは、スニペットに変換し、この