风格的选择元素在CSS中选定的项目

-1

我这样做：

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

}

之后，用户选择的选项之一，我想同样的风格。但这是返回到基本atyle /我能做些什么来保存样式到选定的一个？

这里是jsfiddle

来源

2016-07-27 shira stenmetz

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

来源

2016-07-27 21:14:20 McHat

对不起！我编辑jsfiddle，而你的解决方案对此没有帮助。请再看一遍。谢谢 –

它工作得很好，假设我正确理解您的请求。 https://jsfiddle.net/4n0n4ac7/ – McHat

我选择了一个奇特的选择。我想将设计设置为值。但它不起作用。只与简单的选择 –

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

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>

来源

2016-07-27 21:47:43

但它是不一样的设计 –

@shirastenmetz检查我的编辑 –

风格的选择元素在CSS中选定的项目

回答

相关问题