Firefox - 巨大的光标

时间:2010-10-27 06:24:21

标签: firefox cursor

我有一个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>

您可以在此处查看:http://jsfiddle.net/yW62h/

这是我浏览器中的样子(FFX3.5) alt text

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

这是一个错误还是我在这里做错了什么?

3 个答案:

答案 0 :(得分:1)

未声明100%高度且工作正常: http://jsfiddle.net/nS3X8/

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

设置输入元素的高度时,使用填充而不是高度,Firefox将表现出来。

答案 1 :(得分:1)

尝试在可编辑div中添加<br />。 这对我有用:http://jsfiddle.net/66A2h/

答案 2 :(得分:0)