Html 文本区域的填充底部不是';不考虑

Html 文本区域的填充底部不是';不考虑,html,css,forms,Html,Css,Forms,当我将填充设置为文本区域时,它在第一次查看时工作正常。 但是当我输入的内容超过了文本区域的高度(当你开始看到滚动条时),填充底部就不存在了。 有办法解决这个问题吗?这似乎是一种默认行为。 您可以在这里看到一个非常基本的示例: 另外,使用的浏览器是Chrome。 PS2。刚刚用Firefox试用过,实际上填充仍然存在。实际上,它仍然存在;当文本框内容被填充时,您只需向下滚动查看额外的20px填充。请允许我建议溢出:隐藏的Chrome、Safari和Internet Explorer使文本区域填充与

当我将填充设置为文本区域时,它在第一次查看时工作正常。 但是当我输入的内容超过了文本区域的高度(当你开始看到滚动条时),填充底部就不存在了。 有办法解决这个问题吗?这似乎是一种默认行为。 您可以在这里看到一个非常基本的示例: 另外,使用的浏览器是Chrome。
PS2。刚刚用Firefox试用过,实际上填充仍然存在。

实际上,它仍然存在;当文本框内容被填充时,您只需向下滚动查看额外的20px填充。请允许我建议溢出:隐藏的Chrome、Safari和Internet Explorer使文本区域填充与Firefox和Opera不同。现在哪一个错误地呈现文本区域?这取决于你想要实现什么,因为事实上他们没有一个渲染错误,他们都添加了填充,这取决于他们如何解释规范


没有CSS属性可以修复此“问题”,因此解决此“问题”的唯一方法是向textarea添加一个容器元素,并为其添加一个填充。

您可以指定样式
字体大小:0
表单
标记,因为问题是在这样的标记中有一个新行,您需要避免


完成此操作后,您应该为包含内容的组件指定正确的字体大小,最简单的情况是文本区域。

是,您无法避免。将textarea放在一个div中,并设置该div的样式,从textarea中删除边框,等等。填充仍然在那里,当您键入时,它只是下降到可滚动区域的底部以下。如果你有一个滚动的div,或者如果页面有滚动条,甚至是正文也是一样的。我使用的是Firefox 8.0,我看不出问题出在哪里。无论我输入多少文本,填充始终存在。所以,这可能是特定于您所使用的浏览器的。@Shadowxvi刚刚试用了Firefox(我正在使用Chrome)并更新了我的问题。但它看起来还是很奇怪,就像滚动条在填充物里面一样。但这比Chrome的更好。@Adriano谢谢,悲伤的解决方案,但解决方案仍然是。是的,事实上你是对的。但是溢出:隐藏只是隐藏滚动条。事实上,这并没有改变问题,我仍然需要向下浏览以查看填充。我在JSFIDLE chrome中进行了测试,当内容填充到填充级别并继续填充到下一行时,焦点下降,将填充保留在底部,但将顶部切掉(没有滚动条不是很好)。我相信用户mdk为您提供了最好的解决方案。谢谢你分享这个问题。
overflow-x:hidden
对我有效,垂直滚动条仍然可用