5

カーソルを置くと、巨大なカーソルとして表示される 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） 代替テキスト

この問題は、FFX3.6 および 4.0b6 でも発生します。

これはバグですか、それともここで何か間違っていますか?

4

3 に答える 3

1

100% の高さを宣言せず、正常に動作します: http://jsfiddle.net/nS3X8/

キャレットの高さは Firefox の高さに基づいています (これはバグのように思えます)。Webkitの行の高さに基づいていますが。

入力要素の高さを設定するときは、高さの代わりにパディングを使用すると、Firefox が動作します。

于 2011-02-24T18:30:48.597 に答える
1

<br />編集可能な div 内にa を追加してみてください。それは私のために働いた：http://jsfiddle.net/66A2h/

于 2011-03-13T21:34:50.813 に答える
0

これは Firefox のバグですhttps://bugzilla.mozilla.org/show_bug.cgi?id=537475 :(

于 2010-10-29T08:37:51.743 に答える