Html text区域溢出:高度自动差异

Html text区域溢出:高度自动差异,html,css,firefox,textarea,Html,Css,Firefox,Textarea,以下代码呈现文本区域,该文本区域应具有3个可见行: <textarea id="txtInput" rows="3" cols="20" style="overflow:auto"></textarea> 但是,在Firefox(版本20.0.1)中,显示的是4行而不是3行 另见 如何修复此问题?Firefox在文本字段后添加了额外的行。您可以使用CSS解决此问题: @-moz-document url-prefix() { textarea {

以下代码呈现文本区域,该文本区域应具有3个可见行:

<textarea id="txtInput" rows="3" cols="20" style="overflow:auto"></textarea>

但是,在Firefox(版本20.0.1)中,显示的是4行而不是3行

另见


如何修复此问题?

Firefox在文本字段后添加了额外的行。您可以使用CSS解决此问题:

@-moz-document url-prefix() {
    textarea {
        height: 4em;
    }
}
@-moz…
是针对特定于mozilla的规则,url前缀规则将该规则应用于url以其开头的任何页面。

以下是

textarea{
高度:4em;
}

这可能是Firefox20中的一个bug吗?无法在firefox 23中复制。@bwoebi刚刚在firefox 23中尝试过,同样的问题。那么这可能是windows独有的问题?可能是重复的,谢谢您的解决方案。我们如何以同样的方式为其他浏览器指定特定的样式?