css - 打开下拉列表后设置第一行样式

Question

我有一个 DropDownListFor:

@Html.DropDownListFor(m => m.CategoryId, Model.CategoriesList, "categoria")

我想为第一行指定一个样式，但只有当下拉列表打开时，并在上面保留标签的样式:

我试过了

.as-ads-filter-field select:first-child
{
    font-weight: bold;
}

但是标签“categoria”即使在列表关闭时也是粗体，而我只想在列表打开时加粗以与列表值区分开来。

编辑:

HTML 输出:

<select id="CategoryId" name="CategoryId">
   <option value="">categoria</option>
   <option value="1">Carros</option>
   <option value="2">Motos</option>
   <option value="5">Comerciais</option>
</select>

fiddle :http://jsfiddle.net/rVYeq/谢谢

Answer 1

除background-color 和color 外，您不能更改选项样式。

原因见下，来自MSDN: option element | option object

Except for background-color and color, style settings applied through the style object for the option element are ignored.

你可以在这里看到结果: http://jsfiddle.net/lin/rVYeq/1/