html – 文本区域下的额外填充

我的文本区域下面有额外的填充,但我似乎无法找到它的来源.我已将个别代码放在此页面上:

http://jsfiddle.net/wfuks/

我似乎无法找到它的来源.它有类“字段”:

.field { background-color: white; width: 430px; padding: 10px; font-family:arial, sans-serif; border: 1px solid #CCC; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

任何输入(双关语)将不胜感激:)

最佳答案
要使跨浏览器在textarea /输入字段下方没有空格,请使用:

textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}

(在小提琴中测试,有效)

奇怪的是,垂直对齐是关键.

只需注意,您不需要保证金:0因为您已经拥有* {保证金:0}.
要获得更加完整的textarea跨浏览器体验,您还可以使用overflow:auto;对于IE和调整大小:无;适用于支持调整大小的浏览器.

有关它为何如此工作的更多信息:
Mystery white space underneath image tag

转载注明原文:html – 文本区域下的额外填充 - 代码日志