Html css中选定元素中选定项的样式

我尝试设置select元素的样式

我这样做：

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

}

在用户选择其中一个选项后，我想要相同的样式。 但这是返回到基本样式/如何将样式保存到所选样式

---

以下是问题

你的问题不是很清楚你的目标是什么，但很可能你想要达到以下效果：

document.getElementsByTagName（“选择”）[0]。onchange=function（）{
此.classList.add（“选定”）；
};
select，
选择权{
字号：中等；
字体大小：粗体；
字体系列：“漫画无MS”，草书，无衬线；
}
选择。选择，
选择权{
颜色：红色；
}

一
二
三
四
五
六
对不起！我编辑了JSFIDLE，而您的解决方案对此没有帮助。请再看看。假设我正确理解你的要求，thanksIt就行了。我选了一个。我想将设计设置为值。但这不是工作。只有简单的选择，但它不是相同的设计
select {
  font-size: medium;
  font-weight: bold;
  font-family: "Comic Sans MS", cursive, sans-serif;
  color: aliceblue;
}