Comment définir la largeur de la zone de texte lorsque l'on utilise Html.TextBoxFor

Question

J'ai la ligne suivante dans ma vue :

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

Comment définir la largeur de la zone de texte ?

Answer 1

Cela a fonctionné pour moi pour les cas uniques, mais c'est assez verbeux :

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

Answer 2

Une solution réutilisable consiste à définir la largeur dans votre fichier css.

.wide
{
     width: 300px;
}

puis le définir en utilisant le balisage ci-dessus

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

Answer 3

Vous pouvez l'attacher comme un attribut. Essayez ceci :

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

Answer 4

Vous pouvez également faire comme ceci

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

Answer 5

Pour moi, cela a fonctionné en ajoutant le "input" dans le CSS pour @Html.TextBoxFor :

CSS :

.campoTexto input {
    width: 50px;
}

Pour :

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