Question

我已经发现Firefox的textareas大小是错误的 - 它总是在你的行和cols设置中添加一个。但我决定忽略这一点。问题是Firefox也拒绝放入垂直滚动条，即使我在框中输入一个friggin'短篇小说。

我做错了什么（即无效）？有解决方法吗？

<textarea rows="1" cols="35" name="Cmnt1"></textarea>

（我想使用单行textarea而不是输入type = text，因为后者不提供滚动条。所有其他浏览器甚至会在单行textarea上为你提供垂直滚动条。）< / p>

请注意，此字段几乎总是只包含一行文字，但它需要接受更多“以防万一”。文本输入字段不太令人满意（＆lt; - 低估），因为它总是隐藏溢出。在每个其他浏览器中，单行textarea完全按照我的意愿工作。我强烈反对我想要的是可用性问题。不幸的是，它在Firefox 中的行为方式是可用性问题。

编辑：事实证明我的Firefox安装存在错误。：/

Answer 1

我知道这已经很老了，但我有类似的问题，并在此过程中找到了问题的答案。在firefox中使用jsfiddle（http://jsfiddle.net/z8btg/1/）显示只有在有空间显示向上和向下箭头图形时，垂直滚动条才可见。（点击小调整大小图标，使其小/大。）对我来说，最佳点是 34 像素。

我想做什么：我需要textarea是一行直到textarea聚焦，然后我将它改为更大的（弹出式）textarea。

Answer 2

尝试将 overflow css属性设置为“滚动”。例如：

<textarea rows="1" cols="35" name="Cmnt1" style="overflow: scroll;"></textarea>

修改抱歉，应该是overflow-y: scroll。

Answer 3

专注于textarea，点击返回键。

顺便说一句，这听起来像是一个非常糟糕的主意。

Answer 4

我使用这样的东西来向访问者提供一个html链接，需要适应设计，可用性对于它的预期功能来说很好：

＆lt; input type =“text”name =“linkHTML”id =“linkHTML”style =“width：95％;” value ='你的文字内容'onfocus =“this.select（）”onclick =“this.select（）”/＆gt;

根据需要设置宽度（％或px）。

点击后会突出显示副本。

Answer 5

尝试使用CSS将textarea的高度设置为1em（这意味着一个行高单位）并将行设置为更高的值。

Answer 6

我使用的是Firefox 2.0。在textarea的高度为32px（大约两行文本）之前，textarea上的滚动条不会显示。如果高度小于滚动条消失的高度 - 可能是因为没有足够的空间来显示箭头图标。