没有滚动条的全屏文本区域

Question

我有一个textarea，我想填满整个屏幕。无论如何，我尝试它超出屏幕需要滚动条。

我这样做是为了填补它：

$('textarea').width($(window).width()).height($(window).height());

如果您查看此 demo ，您会发现它太过分了，然后需要滚动条。有没有办法让它填满整个屏幕而不需要滚动条？

Answer 1

使用添加一些CSS。

body { margin: 0; padding: 0; overflow: hidden; }
textarea { border: 0; }

Answer 2

与javascript无关，您只是没有注意到，预定义了元素的浏览器默认值。在CSS样式表中使用它：

textarea { border: none; }
body { padding: 0; }