c# - 如何在 MVC 中指定 textarea 的行列？

Question

在我的模型中，我有这段代码:

[Required(ErrorMessage = "News content is required.")]

[DisplayName("News Content")]
[DataType(DataType.MultilineText)]
public string FullContent { get; set; }

[Required(ErrorMessage = "News summary is required.")]
[DisplayName("News Summary")]
[DataType(DataType.MultilineText)]
public string Summary { get; set; }  

View 里面是:

<tr>
<td id="td-caption">Full Content</td>  
<td id="td-content2">@Html.EditorFor(model => model.FullContent)  @Html.ValidationMessageFor(model => model.FullContent)</td>  
</tr>  
<tr>
<td id="td-caption">Summary</td>
<td id="td-content2">@Html.EditorFor(model => model.Summary)@Html.ValidationMessageFor(model => model.Summary)</td>
</tr>  

在我的 CSS 中:

textarea#FullContent, #Summary
{
width: 95%;
padding-top: 20px;
padding-left: 20px;
cols: 20;
rows: 20;
}  

但一点作用都没有。我应该怎么办？谢谢!

Answer 1

rows 和 cols 不是有效的 CSS 规则。它们是 textarea 元素的属性。但是由于您使用的是 en EditorFor 帮助程序，因此您无法设置它们的值。您可以在 CSS 中使用 width 和 height 属性来调整文本区域的大小:

textarea#FullContent, #Summary {
    width: 90px;
    height: 200px;
    padding-top: 20px;
    padding-left: 20px;
}