下拉项目css无法处理chrome

Question

我有一个下拉列表，我在c＃中绑定数据。绑定后，我根据条件为每个项目分配了课程。

foreach (ListItem li in ddlTrend.Items)
{
   if (li.Value == "S")
   {
        li.Attributes["class"] = "optionGroup";
   }
   else
   {
        li.Attributes["class"] = "optionChild";
   }
}

CSS的代码是

.optionGroup {
     font-weight: bold !important;
}

.optionChild {
     padding-left: 15px !important;
}

现在，这在IE (v 11)和Firefox (v 30)

中完美无缺

但在Chrome (v 36)

中不起作用

任何帮助将不胜感激