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

Question

我有一个基本的<select>框，其中包含两个<option>个。我想知道我是否可以在纯CSS中根据选定的style（没有ID，只有值）向<select>框提供<option>。我在这里的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等。

Answer 1

目前，仅使用css3无法做到这一点。