使用MVC助手@ Html.ListBoxFor时如何使Listbox的宽度更宽

Question

我正在使用MVC助手：

@Html.ListBoxFor(vm => vm.SelectedUsers, Model.UserSelectList, "--- All ---")

如何使列表框更宽，目前名称正在被切断。

Answer 1

您可以使用方法的重载版本

Html.ListBoxFor(vm => vm.SelectedUsers, Model.UserSelectList, new { data-placeholder="-- All --", style = "width: 100%"});

等。你也可以给它CSS类并应用外部样式。

Answer 2

在CSS中为列表框创建一个类：

.listBox
{
   width: 200px; //set your width or make it auto
}

然后设置class属性：

@Html.ListBoxFor(vm => vm.SelectedUsers, Model.UserSelectList,new { @class = "listBox" });

Answer 3

其中一个CSS文件将选择对象的max-width设置为260px。尝试调整max-width：

@Html.ListBox("CurrentValues", Model.UserSelectList, new { @class="form-control",@style="max-width:600px;width:100%;" });