Edit-cursor nicht angezeigt in Chrome in contenteditable

Wenn Sie diese Seite öffnen (siehe Live-demo) mit Chrome :

<span id="myspan" contenteditable=true></span>

CSS :

#myspan { border: 0; outline: 0;}

JS :

$(myspan).focus();

den contenteditable span Fokus hat (Sie kann anfangen zu schreiben, Dinge, und Sie werden sehen, dass es bereits den Fokus hatte), aber wir sehen nicht die "I" cursor Bearbeiten.

Wie zu machen, dass dieser cursor wird angezeigt ? (Bemerkung : outline:0 erforderlich ist, sowie die Tatsache, dass die Spanne ist leer, auch keine Leerzeichen).

Hinweis : Mit Firefox, der cursor wird angezeigt.

versuchen Sie, eine min-width und min-height. eine leere Spanne hat eine gerenderte Breite und Höhe null, also kann es nicht wirklich sein moused über. durch und zwingt es auf eine Größe von wenigen Pixeln, gibt es etwas auf die Maus über.
Vielleicht ist dies die Antwort aus einer anderen Frage, die Euch helfen können: [stackoverflow.com/a/6249440/3298029][1] [1]: stackoverflow.com/a/6249440/3298029
siehe hier: jsfiddle.net/gs3p1a6r/4 oder jsfiddle.net/gs3p1a6r/4/embedded/result, produziert immer noch der Fehler. Es ist fokussiert, aber der cursor nicht angezeigt
ich sehe, ich dachte du meintest den Maus-cursor, aber meinst du das blinkende Ding. sieht aus wie Doktus gelöst.

InformationsquelleAutor Basj | 2014-09-17

Schreibe einen Kommentar