css - 如何为 ListBoxFor 添加样式？

Question

如何给下面的ListBox添加下面的样式，

@Html.ListBoxFor(m => m.AvailableProducts, new MultiSelectList(Model.AvailableProducts, "Id", "Name", Model.AvailableSelected),
                         new Dictionary<string, object> { { "data-bind", "options:availableProducts, selectedOptions:availableSelected, optionsText:'Name'" } })

CSS

div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.selectbox-wrapper ul li.selected { 
background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}

Answer 1

使用 jQuery 插件更改 <select>元素到 <div>与 <ul>的和<li>的。

示例在这里:Is it possible to style a select box?