选择时更改<option>元素的前景色？</option>

Question

我目前正在处理一个<select>元素，其中<option>个孩子的数量不确定。

我编写了一些简单的jQuery，它将.tagged类添加或删除到当前选定的元素。此css类仅更改元素的前景色。

我遇到的麻烦是只有当用户在列表中选择不同的<option>时才会看到颜色的变化。只要当前<option>保持选中状态，它就会有白色前景和蓝色背景。

是否有人能够指出我正确的改变方向？我假设它是一些我还不知道的css技巧。

编辑（包含代码）： 这是select元素：<select size="4" name="ctl00$Searcher$lbResults" id="ctl00_Searcher_lbResults" class="search-results">

选项元素没有什么特别之处，只是它们值的属性。

这是标记选择器的css类：option.tagged { color: #FF0000; }

Answer 1

看起来适合我:(用铬测试）

http://jsfiddle.net/y9Rz8/

$('#ctl00_Searcher_lbResults').on('change', function () {
    $(this).find('option:selected').addClass('tagged').siblings().removeClass('tagged');
    this.selectedIndex = -1
});