Cómo establecer el ancho del cuadro de texto cuando se utiliza Html.TextBoxFor

Question

que tiene la siguiente línea en mi opinión:

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

¿Cómo definir el ancho del cuadro de texto?

Answer 1

Una solución reutilizable es para establecer el ancho en su archivo css

.wide 
{ 
    width: 300px; 
} 

luego otra vez usando el margen de beneficio por encima de

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

Answer 2

Puede adjuntarlo como un atributo. Prueba esto:

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

Answer 3

Esto funcionó para mí por el -offs, bastante detallado aunque:

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

Answer 4

Se puede hacer también así

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

Answer 5

A mi me funcionó mediante la adición de la "entrada" en el CSS para @ Html.TextBoxFor:

CSS:

.campoTexto input { 
    width: 50px; 
} 

Por:

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

Answer 6

Simplemente use las propiedades como "TextBoxFor, TextArea", etc. en lugar de "EditorFor" ... Mucha gente cuando usan andamios, tienen que cambiar los campos por ellos mismos o anotaciones de datos para en el modelo como [DataType(Multiline)]