首页 > 解决方案 > 如何在 Html.ListBoxFor 中设置单个(或所有,每个)选项/项目的样式?

问题描述

在 HTML 中,当我<select><option>. 每个都<option>可以接受stylesclasses

在我当前的项目中,我将 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 中的选项进行样式化?

标签: c#htmlcssasp.net-mvcrazor

解决方案


最好的选择之一也是最简单的选择是使用 jQuery Nice Select 库。它易于设置且易于使用。


推荐阅读