风格的选择元素在CSS中选定的项目
问题描述:
我试图风格的选择元素。风格的选择元素在CSS中选定的项目
我这样做:
option {
font-size: medium;
font-weight: bold;
margin-left: 30px;
font-family: "Comic Sans MS", cursive, sans-serif;
color: aliceblue;
}
之后,用户选择的选项之一,我想同样的风格。 但这是返回到基本atyle /我能做些什么来保存样式到选定的一个?
这里是jsfiddle
答
select {
font-size: medium;
font-weight: bold;
font-family: "Comic Sans MS", cursive, sans-serif;
color: aliceblue;
}
答
你的问题是不是因为你的目标是完成什么很清楚,但很可能要达到以下效果:
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>
+0
但它是不一样的设计 –
+0
@shirastenmetz检查我的编辑 –
对不起!我编辑jsfiddle,而你的解决方案对此没有帮助。请再看一遍。谢谢 –
它工作得很好,假设我正确理解您的请求。 https://jsfiddle.net/4n0n4ac7/ – McHat
我选择了一个奇特的选择。我想将设计设置为值。但它不起作用。只与简单的选择 –