Как установить ширину текстового поля при использовании Html.TextBoxFor

У меня есть следующая строка на мой взгляд:

<div class="editor-field">
     <%= Html.TextBoxFor(m => m.Description)%>                    
</div>

Как определить ширину текстового поля?

Ответ 1

Многоразовое решение - установить ширину в файле css

.wide
{
     width: 300px;
}

затем установите его, используя разметку выше

<%= Html.TextBoxFor(m => m.Description, new { @class= "wide" })%>

Ответ 2

Это работало для меня для одноразовых, довольно многословных:

<%: Html.TextBoxFor(m => m.Description, new { style="width:50px;" })%>

Ответ 3

Вы можете прикрепить его как атрибут. Попробуйте следующее:

<div class="editor-field">
     <%= Html.TextBoxFor(m => m.Description, new { style = "width:20em;" })%>                     
</div>

Ответ 4

Вы также можете сделать это

  @Html.TextBoxFor(model => model.Email, new Dictionary<string, object>() { { "readonly", "true" }, { "style", "width:250px;" } })

Ответ 5

Мне это сработало, добавив "вход" в CSS для @Html.TextBoxFor:

CSS

.campoTexto input {
    width: 50px;
}

Для:

<div class="campoTexto">
@Html.TextBoxFor(model => model.nombre)
</div>

Ответ 6

Просто используйте такие свойства, как "TextBoxFor, TextArea" и т.д. вместо "EditorFor"... Множество людей, использующих строительные леса, должны менять поля на сами или аннотации данных для модели типа [DataType(Multiline)]