如何在mvc5中设置编辑控件的宽度

Question

我在下面的代码中使用下拉列表和编辑创建表单。如何为每个单独设置宽度。

@using (Html.BeginForm())
{
    <div class="form-horizontal" style="background-color:azure">
         <div class="form-group">
            @Html.LabelFor(model => model.EmployeeID, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownList("EmployeeID", null, htmlAttributes: new { @class = "form-control" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })                
            </div>
        </div>
    </div>
}

我在下面试过，但它不起作用。

 @Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control", style = "Width:250px"  } })

Answer 1

您正在使用Bootstrap，为什么不使用它来控制大小？ 这是一个答案。 Input widths on Bootstrap 3

或者您可以创建具有已定义大小的类并应用这些类。