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

Question

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

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

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

Answer 1

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

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

Answer 2

Многоразовым решением является установка ширины в вашем CSS-файле

.wide
{
     width: 300px;
}

затем установите его с помощью разметки выше

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

Answer 3

Вы можете прикрепить его как атрибут. Попробуйте это:

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

Answer 4

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

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

Answer 5

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

Answer 6

Для меня это сработало, добавив «вход» в CSS для @ Html.TextBoxFor:

CSS:

.campoTexto input {
    width: 50px;
}

Для:

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