樣式下拉列表中選定的項目

Question

我在此發布之前檢查過此內容，但沒有發現任何問題。

我有一個下拉列表，在列表末尾手動添加了一個項目。 我想為此商品使用其他顏色，例如紅色，以將其與其他商品區分開。 我可以做這部分。 但是，當我選擇該項目時，下拉菜單中所選項目中的文本不是紅色。 我不確定是否有任何方法可以對其應用樣式。

這就是我使用的（假設下拉菜單中最后一項的“值”為0）：

ListItem li = ddl1.Items.FindByValue("0");

if (null != li)
{
    li.Attributes.Add("style", "color:red");
}

上面的作品將最后一項着色為紅色。 當我選擇最后一個項目並希望所選項目以相同的紅色顯示時，以下內容不起作用：

ListItem li = ddl1.Items.FindByValue("0");

if (null != li)
{
    li.Attributes.Add("style", "color:red");

    if (li.Selected)
        ddl1.SelectedItem.Attributes.Add("style", "color:red");
    else
        ddl1.SelectedItem.Attributes.Add("style", "color:black");
}

也沒有這樣做（如果我選擇了最后一項，實際上會將所有列表項都塗成紅色）：

ListItem li = ddl1.Items.FindByValue("0");

if (null != li)
{
    li.Attributes.Add("style", "color:red");
    ddl1.Style["color"] = "red";
}

Answer 1

要使用純CSS方式，請添加此CSS

#ddl1>option:checked  {
  background-color: red;
}

在C＃中，您可以添加並選擇新選項。 讓我知道這是否需要改變方向