如何在Html.ListBoxFor中设置单个（或所有，每个）选项/项目的样式？

Question

在HTML中，当我有一个<select> ，我用<option>填充它。 每个<option>都可以接受styles和classes 。

在我当前的项目中，我正在将Razor Pages与Html.ListBoxFor一起使用。 我可以使用以下语法：

@Html.ListBoxFor(m => m.service,
 new MultiSelectList((List<SelectListItem>)ViewData["services"], "Value", "Text"),
 new { style = "display:block; width:600px; overflow-y:auto", id = "ServiceSelect", size = "3" })

并样式化我的ListBox。 但是，我似乎找不到一种风格化每个单独选项的方法。 例如，我真的想添加一些填充，因为这些项很小。

如何样式化Html.ListBox中的选项？

Answer 1

最佳选择和最简单选择之一是使用jQuery Nice Select库。 它设置简单，易于使用。