css - @Html.TextAreaFor 如何只显示 2 行并禁用滚动条

Question

有谁知道如何设置 TextAreaFor 的样式以仅显示 2 行文本而不是显示默认的 4 或 5，即使我定义为无论哪种方式都只显示 2？如果有人告诉我如何隐藏滚动条，我也将不胜感激。

@Html.TextAreaFor(model => model.AdkOgAvstandCom,new { cols = 10, rows = 2 })

如果您想增加行数，此代码可以正常工作，但是如果您想缩小行数，它只会忽略新值

Answer 1

试试这个：

@Html.TextAreaFor(model => model.AdkOgAvstandCom, new { style = "height: 2em; overflow: hidden;" })

Answer 2

@BG100 正在做某事。假设您的原始代码生成了<textarea>一个将 rows 属性设置为“2”的 html，那么您只需要禁用滚动条即可；

css

textarea {
    overflow: hidden;
}

演示在http://jsfiddle.net/rpnmm/

Answer 3

如上面的答案所述，滚动条可以被删除，overflow:hidden但如果你想限制用户只停留在你想要的行数内，那么你可以试试这个DEMO。