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正在寻找一些东西。假设您的原始代码生成一个html <textarea>，其行属性设置为“2”，则禁用滚动条的所有内容都是;

<强> CSS

textarea {
    overflow: hidden;
}

http://jsfiddle.net/rpnmm/

演示

Answer 3

如上面的回答所述，滚动条可以通过<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form onsubmit="return todoSubmit()" id="todo-form"> <input id="todo-form-text" type="text"> <input id="todo-form-submit" type="submit"> </form> <div id="todo-list"> </div> <script src="script.js"></script> </body> </html>删除，但如果您想限制用户仅限于所需的行数，那么您可以试试DEMO。

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

3 个答案: