关闭时更改下拉列表的颜色

如果有什么安慰的话,我会纠正的。

您将需要一些javascript来让它在其他浏览器中工作:

<select onchange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor">
    <option style="background-color:yellow">Item 1</option>
    <option style="background-color:lightyellow">Item 2</option>
</select>

更适合使用CSS类名:

<select
    onchange="this.className=this.options[this.selectedIndex].className"
    class="important">
    <option class="important" selected="selected">Item 1</option>
    <option class="sorta-important">Item 2</option>
</select>

你的CSS:

.important { background-color:yellow; }
.sorta-important { background-color:lightyellow; }

这样,您就可以将演示文稿的详细信息分开,并且使类名有意义。

我在jquery中做到了:

<select id="ddlColors" style="background-color: White;">
    <option style="background-color: Aqua;">1</option>
    <option style="background-color: Blue;">2</option>
    <option style="background-color: Fuchsia;">3</option>
    <option style="background-color: Gray;">4</option>
</select>
<script>
    $("select").change(function() {
        $("select").css("background-color", $("select option:selected").css("background-color"));
    })
    .change();
</script>