不考虑textarea的填充底部

Question

当我将填充设置为textarea时，第一眼就可以正常工作了。 但是当我输入超出textarea高度的内容时（当你开始看到滚动条时），填充底部不再存在。 有没有办法来解决这个问题？这似乎是一种默认行为。 您可以在此处看到一个非常基本的示例：http://jsfiddle.net/corinne/LKkky/ PS。使用的浏览器是Chrome。 PS2。刚尝试使用Firefox，实际上填充了。

Answer 1

Chrome，Safari和Internet Explorer以不同于Firefox和Opera的方式呈现textarea填充。现在哪一个不正确地渲染textareas？这取决于你想要实现的目标，因为实际上它们都没有错误地渲染它们，它们都添加了填充，它只是归结为它们如何解释规范。

没有CSS属性可以修复这个'问题'，所以解决这个'问题'的唯一方法是在textarea中添加一个容器元素，然后给它填充。

Answer 2

实际上，它确实存在;填写文本框内容时，您只需向下滚动即可查看额外的20px填充。我建议 overflow：hidden 。

Answer 3

您可以将样式font-size: 0;分配给form代码，因为问题是在这样的代码中，某处有一条新行，您需要避免。

执行此操作后，您应该为具有内容的组件指定正确的字体大小，最简单的情况是文本区域。