Select-option-checked-value - CSS3有可能嗎？

Question

我有一個基本的<select>框與兩個<option> s。我想知道是否可以在純CSS中根據選定的<option>（沒有ID，只有值）向<select>框輸入style。無論在頁面加載時選擇什麼選項，我在這裏的CSS都只適用於底部樣式。

以下是我有：

#foo, 
 
option[value="2"]:checked { 
 
    border: 2px solid #FF9999; 
 
} 
 
#foo, 
 
option[value="1"]:checked { 
 
    border: 2px solid #2fa154; 
 
}

<select id="foo"> 
 
    <option value="1">Bar 1</option> 
 
    <option value="2">Bar 2</option> 
 
</select>

是什麼，我問可能的純CSS沒有使用jQuery等？