Question

无论我在其样式属性Select tag helper中更改了什么值，以下视图中style="width:10000px;"的宽度都会保持不变。无论是设置为10px还是10000px，宽度都保持不变。另一方面，在下面的相同示例中，输入标签ProjectNumber以及Instructions消息（正确地）占据计算机屏幕的整个宽度。注意 1：这是一个多选下拉列表（但我认为不应该这样）。 2.我正在使用内置VS2015-Update3功能的Bootstrap：

<div class="row">
    <div class="col-sm-3">
        @await Component.InvokeAsync("MainLeftMenu")
    </div>
    <div class="col-md-9">
        <form id="target" asp-controller="myTest" asp-action="myAction" method="post" class="form-horizontal">
            <div class="form-group">
                <label asp-for="SelectedIDs" class="col-md-2 control-label"></label>
                <div class="col-md-10">
                    <select asp-for="SelectedIDs" asp-items="Model.myList" style="width:10000px;"></select>
                </div>
            </div>
            <div class="form-group">
                <label asp-for="ProjectNumber" class="col-md-2 control-label"></label>
                <div class="col-md-2">
                    <input asp-for="ProjectNumber" class="form-control" />
                    <span asp-validation-for="ProjectNumber" class="text-danger"></span>
                </div>
                <div class="col-md-5">Instructions: Add number in the format such as: ABC-123-xyz-000</div>
            </div>
            <button type="submit" class="btn btn-default">Submit Test</button>
        </form>
    </div>
 </div>

Answer 1

在select in表单的bootstrap中，你可以添加class =＆＃34; form-control＆＃34;喜欢输入型文字。

供参考：http://getbootstrap.com/css/#forms

Answer 2

通过将style="min-width:700px;overflow:auto;"添加到select tag helper来解决问题。您可以将700px更改为您需要的任何宽度。

如何在窗体内增加ASP.NET MVC Select标签帮助器的宽度

2 个答案: