風格的選擇元素在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中選定的項目

回答

相關問題