Wie wollen Sie Stil contentEditable in Firefox?

Habe ich Folgendes:

<div contenteditable="true">Item 2</div>

In webkit-ich kann einfach style diese mit css. Firefox ignoriert das css, und die contenteditable div-weiß und der Größe angepasst werden.

Wie kann ich ändern, die css-Datei für contentEditable in Firefox. Ich will den hintergrund transparent sein und zu deaktivieren, ändern der Größe, und die Größe LENKER.

Dank

InformationsquelleAutor AnApprentice | 2011-10-26

  1. 11

    Können Sie entsprechen den div mit diesem code

    div[contenteditable=true] {
   background: rgba(0,0,0,0); /* transparent bg */
   resize:none; /* disable resizing */
}
    Das funktioniert in webkit nicht in firefox?
    in firefox 7 kann ich den style, wie ich will, aber ich weiß nicht, wie man entfernen Sie rote Unterstreichung auf falsch ausgedrückt.
    Attribut-Selektoren definiert werden, die in CSS2, es sollte also funktionieren. Welche version von Firefox hast du?
    Ich bin in FF8.. u?
    Immer noch kein Glück, ich habe sogar versucht: div[contenteditable=true]:focus --- da es nur Auftritt, wenn ich Sie in

    InformationsquelleAutor Simone

  2. 6
    div[contenteditable="true"] {
    /* your style here */
}

    Simones Antwort war meist korrekt, außer muss es in Anführungszeichen setzen von "true" in [contenteditable="true"]

    InformationsquelleAutor harveyxia

  3. 3

    Stellt sich heraus, dass, wenn Sie mit position:absolute FF auto fügt resizers und ein grab handler und setzt den hintergrund auf weiß. Sie können nicht überschreiben diese seetings, auch nur resizers. Ein weiterer -1 für FF.

    big -1 für FF, also... keine Lösung bisher? Ich habe versucht, mit jQuery: $('#target').removeAttr('_moz_abspos').removeAttr('_moz_resizing') Aber dann #target ist nicht editierbar.

    InformationsquelleAutor AnApprentice

  4. 0
    div[contenteditable] {
   background: white;
}

    InformationsquelleAutor chovy

  5. 0

    Beim überschreiben der Stile für eine contentEditable-panel, der css-Selektor habe ich festgestellt, dass firefox war das hinzufügen einer css-wählbare "focus-ring" in mein root-contentEditable Knoten

    :-moz-focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html) { outline: 1px dotted;}

    Versuchen Varianten von:

    -moz-focusring or -moz-focusring[contentEditable='true']

    Möglicherweise möchten Sie die oben genannten Stile:

    background: rgba(0,0,0,0); 
resize:none;

    Aber, müssen Sie möglicherweise die firebug-lookup-moz bestimmten Größe der parameter zu deaktivieren.

    Für cross-browser-stylesheet tests, sehen Sie sich einfach diese Testdaten url:

    data:text/html,<div style='position:absolute;left:100;top:50;width:200;height:300;background-color:rgb(50,50,80)'><div contenteditable>Test<br/>Test </div></div> <style contenteditable>head, title, style {display: block;} :-moz-focusring{background: transparent}</style>

    InformationsquelleAutor Ajax

  6. -1

    Hintergrund transparent gif oder png sollte den trick tun

    InformationsquelleAutor Ralph Vaz

Schreibe einen Kommentar