Firefox 火狐-巨大的光标

Firefox 火狐-巨大的光标,firefox,cursor,Firefox,Cursor,我有一个contentEditable div,如果放置光标,它将显示为一个巨大的光标 代码如下: <html> <head></head> <body > <div style="position:absolute; top:2px; left:30px; right:0px; bottom: 0px; height:100%;"> <div contentEditable

我有一个contentEditable div,如果放置光标,它将显示为一个巨大的光标

代码如下:

<html>
    <head></head>
    <body >
        <div style="position:absolute; top:2px; left:30px; right:0px; bottom: 0px; height:100%;">
            <div contentEditable="true" style=" color:#333333; height:100%; width:100%; cursor:text;" spellcheck="false"></div>
        </div>
    </body>
</html>

你可以在这里看到:

以下是它在我的浏览器(FFX3.5)中的外观

此问题也出现在FFX3.6和4.0b6中


这是一个bug还是我做错了什么?

这是一个Firefox bug:(

没有声明100%的高度,工作正常:

插入符号高度是基于Firefox中的高度(对我来说这似乎是一个bug)。 虽然它基于Webkit中的行高度


设置输入元素的高度时,使用填充而不是高度,Firefox将正常工作。

尝试在可编辑的div中添加一个


这对我起了作用:

看到光标一旦出现任何文本就不再庞大,我会说它看起来像是一个浏览器错误。这很有趣。我会将手指指向contentEditable=true&浏览器“错误”-而我不会称之为错误,更令人烦恼的是。