Question

这是我的ASP .NET MVC 5项目中的一个简单的html代码：

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <div class="form-group">
            @Html.TextBoxFor(model => model.Description, htmlAttributes: new { @class = "col-md-12", style = "Width:1000px" })
        </div>

        <div class="form-group">
            <div class="col-md-12">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>

}

我想要一个宽文本框。但是，无论我尝试宽度值，文本框宽度都会保持很小。

我从EditorFor移到了TextBox，希望我能更好地控制宽度： - （。

请帮助我理解我错过的是什么？问候。

Answer 1

这个问题已经存在了一段时间，我在寻找同一问题的答案时偶然发现了它。

事实证明，默认VS模板附带一个名为Site.css的文件，其中包含以下样式：

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

因此，要么更改此样式的最大宽度，要么使用其他样式规则覆盖最大宽度。

Answer 2

问题是你正在使用Bootstrap。尝试从外部div中删除类甚至完全自举。

无法更改TextBoxFor宽度

2 个答案: