CSSのselect要素で選択した項目のスタイル

Question

select要素をスタイル設定しようとしました。

私はこれを実行します。オプションのいずれかを選択し、ユーザーの後

option { 
font-size: medium; 
font-weight: bold; 
margin-left: 30px; 
font-family: "Comic Sans MS", cursive, sans-serif; 
color: aliceblue; 

}

を、私は同じスタイルをしたいです。 これは基本的なatyleに戻る/選択したスタイルにスタイルを保存するにはどうすればよいですか？

ここjsfiddle

Answer 1

select { 
    font-size: medium; 
    font-weight: bold; 
    font-family: "Comic Sans MS", cursive, sans-serif; 
    color: aliceblue; 
} 

Answer 2

あなたの質問は、あなたが達成することを目指すものにとして非常に明確ではありませんが、それはあなたが以下のような効果を実現したい可能性がありますされています

document.getElementsByTagName("select")[0].onchange = function() { 
 
    this.classList.add("selected"); 
 
};

select, 
 
option { 
 
    font-size: medium; 
 
    font-weight: bold; 
 
    font-family: "Comic Sans MS", cursive, sans-serif; 
 
} 
 

 
select.selected, 
 
option { 
 
    color: red; 
 
}

<select> 
 
    <option>one</option> 
 
    <option>two</option> 
 
    <option>three</option> 
 
    <option>four</option> 
 
    <option>five</option> 
 
    <option>six</option> 
 
</select>