Làm thế nào để thiết lập chiều rộng của hộp văn bản khi sử dụng Html.TextBoxFor

Question

Tôi đã dòng sau đây trong quan điểm của tôi:

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

Làm thế nào để xác định chiều rộng của hộp văn bản?

Answer 1

Một giải pháp tái sử dụng là để thiết lập chiều rộng trong file css của bạn

.wide 
{ 
    width: 300px; 
} 

sau đó đặt nó bằng cách sử dụng đánh dấu trên

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

Answer 2

Bạn có thể đính kèm nó làm thuộc tính. Hãy thử điều này:

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

Answer 3

này làm việc cho tôi cho một trong những -offs, khá dài mặc dù:

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

Answer 4

Bạn có thể làm cũng như thế này

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

Answer 5

Đối với tôi nó làm việc bằng cách thêm "đầu vào" trong CSS cho @ Html.TextBoxFor:

CSS:

.campoTexto input { 
    width: 50px; 
} 

Mục đích:

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

Answer 6

Chỉ cần sử dụng các thuộc tính như "TextBoxFor, TextArea" vv thay vì "EditorFor" ... Rất nhiều người khi sử dụng giàn giáo, họ phải thay đổi các trường theo chú thích dữ liệu hoặc bản thân cho trong mô hình như [DataType(Multiline)]