当我设置一个文本区域的填充时,它在第一次查看时工作得很好。但是当我输入超过文本区高度的内容时(当您开始看到滚动条时),填充底部就不复存在了。有没有办法解决这个问题?这似乎是一种默认行为。你可以在这里看到一个非常基本的例子:http://jsfiddle.net/corinne/LKkky/ PS。使用的浏览器是Chrome。PS2。我刚试过用Firefox,实际上填充保留了下来。
发布于 2012-10-03 22:27:11
Chrome、Safari和Internet Explorer呈现的textarea填充与Firefox和Opera不同。现在,他们中的哪一个不能正确地呈现文本?这取决于你试图实现什么,因为实际上他们中没有一个人渲染错误,他们都添加了填充,这归根结底是他们如何解释规范。
没有任何CSS属性可以解决这个“问题”,所以解决这个“问题”的唯一方法就是在文本区域中添加一个容器元素,并对其进行填充。
发布于 2012-10-03 21:58:01
实际上,它仍然存在;您只需向下滚动,即可在填充文本框内容时看到额外的20px填充。我可以推荐overflow: hidden。
发布于 2013-10-02 22:05:22
您可以将样式font-size: 0;分配给form标记,因为问题是在这样的标记内有一个新的行,您需要避免这一点。
这样做之后,您应该将正确的字体大小分配给包含内容的组件,在最简单的情况下是文本区域。
https://stackoverflow.com/questions/12709988
复制相似问题