TextAreas中IE9中Line-Height的差异

Question

我有一个TEXTAREA，其中间距非常重要。我把它格式化如下：

TEXTAREA {
  font-family: Tahoma, Arial; 
  font-size: 8pt; 
  letter-spacing: 0px; 
  line-height: 13px;
}

如果我输入一些文字，行高度未正确应用：每个段落的最后一行（在输入或切换输入之前）是一个像素到高：

此问题仅发生在Internet Explorer 9中，而不是在Firefox 7或Chrome 14中（到目前为止尚未测试旧版本）。

有没有办法摆脱thad？

顺便说一句：对于textarea的最后一行，它不会发生，除非它背后有一个换行符。

此致   斯特芬

Answer 1

我知道这可能实际上并没有完全帮助，也不是完整的答案，但在阅读CSS中使用!important声明时可能是值得的。

http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/

为什么会出现这种情况的唯一原因是可能会有另一个样式/声明应用之后会导致某种问题，这将确保您的textarea应用了正确的样式。

您可能还想检查任何<p> CSS声明是否导致任何底部或上边距/填充的冲突/问题？跨度或任何其他可能导致某些问题的样式也是如此。

就像我说的那样，我知道这可能没有丝毫帮助，但这可能是一种可能性。

Answer 2

我在IE8的textarea中的最后一行遇到了类似的问题。当我的textarea的行高小于18px时，光标改变了行高。我提出这个问题的原因是你13px的行高非常小。您可能希望尝试更大的线高，以查看问题是否消失。

Answer 3

我刚刚用这个问题进行了很多轮，最后发现IE9正在为textareas添加额外的填充。线高，高度等没有影响。这就是诀窍：

padding: 0px !important;