Html Firefox中的一行文本区域拒绝显示垂直滚动条

Html Firefox中的一行文本区域拒绝显示垂直滚动条,html,firefox,textarea,Html,Firefox,Textarea,我已经发现Firefox的文本区域大小是有缺陷的——它总是在你的行和列设置中添加一个。但我决定忽略这一点。问题是Firefox也拒绝在垂直滚动条中输入内容,即使我在框中输入了一篇该死的短篇故事 我是否做错了什么事(即无效)?有解决办法吗 <textarea rows="1" cols="35" name="Cmnt1"></textarea> (我想使用一行文本区域而不是输入类型=text,因为后者不提供滚动条。所有其他浏览器都会在一行文本区域上提供垂直滚动条。)

我已经发现Firefox的文本区域大小是有缺陷的——它总是在你的行和列设置中添加一个。但我决定忽略这一点。问题是Firefox也拒绝在垂直滚动条中输入内容,即使我在框中输入了一篇该死的短篇故事

我是否做错了什么事(即无效)?有解决办法吗

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

(我想使用一行文本区域而不是输入类型=text,因为后者不提供滚动条。所有其他浏览器都会在一行文本区域上提供垂直滚动条。)


请注意,此字段几乎总是只包含一行文本,但它需要接受更多的“以防万一”。文本输入字段不符合要求(聚焦文本区域,点击返回键


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

尝试使用CSS将文本区域的高度设置为
1em
(表示一行高度单位),并将行设置为更高的值。

尝试将溢出CSS属性设置为“滚动”。例如:

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


编辑:对不起,应该是
overflow-y:scroll

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

我使用类似的方式向访问者显示html链接,需要符合设计要求,并且可用性对于其预期功能来说很好:

根据需要设置宽度(%或px)


单击将突出显示以进行复制。

我知道这很旧,但我有一个类似的问题,并在这个过程中找到了您问题的答案。在firefox中使用JSFIDLE()显示垂直滚动条,只有在有空间显示上下箭头图形时才可见。(点击小尺寸图标,使其变小/变大。)对我来说,最合适的点是34像素

我想做的是:
我需要文本区域为一行,直到文本区域被聚焦,然后我将其更改为更大的(弹出式)文本区域。

这听起来像是一场可用性噩梦。除了“想要”之外,你还有什么理由它?你能链接到这种行为的一个实例吗?我自己无法复制它。使用css属性height和width来精确调整文本区域的大小。保留行/列作为备用。你到底为什么认为这是可用性噩梦?(在Firefox中是这样,但这不是我的错。)你想让我怎么做?@Martha:如果多行文本字段只显示一行,则很难编辑甚至查看输入的文本。这会导致糟糕的用户体验。如果你不希望用户输入更多文本,则应使用单行文本字段,否则至少显示3行(许多可用性准则认为这个值是绝对最小值)。举个例子,进入这个评论的字段显示4行。听起来像是一个可怕的主意?点击返回没有帮助——就像我说的,你可以输入(或者说,复制和粘贴)。如果将整个短篇故事放入框中,Firefox仍将拒绝显示垂直滚动条(如果键入很长的单词,它将显示水平滚动条,但仍然没有垂直滚动条)你是说在Firefox中,你有一个行=1的文本区域,然后你得到一个垂直的滚动条?哪个版本的Firefox?不起作用,或者更确切地说,它会导致与使用rows=“1”完全相同的行为。我刚试过,垂直滚动条在低于2.7em的任何高度设置下都不会显示。有趣-我猜这就是你的答案。如果你认为这是FF错误,一定要向他们报告,让他们知道。这没有帮助。溢出:自动也没有帮助。“滚动”会使水平滚动条始终显示,而“自动”没有效果。两种设置都不会显示垂直滚动条。“溢出-y:滚动”怎么办?似乎我不是唯一一个看到与您不同行为的人。“手动粘贴或键入对我非常有效。-Tyler Rash”使用“溢出-y:滚动”除非我用CSS手动设置高度,否则在我的浏览器中,文本区域始终显示垂直滚动条和仅显示垂直滚动条。我不确定我们的浏览器之间有什么区别,但我不欣赏你的“不那么礼貌”评论。好的,问题似乎出在我安装的Firefox上。我刚刚在另一台计算机上安装了FF,得到了可爱的垂直滚动条。谢谢你的帮助。