编辑光标未显示在可内容编辑的Chrome上

原学程将引见编纂光标未显示在可实质编纂的Chrome上的处置办法，这篇学程是从其余处所瞅到的，而后减了1些海外法式员的疑问与解问，愿望能对于您有所赞助，佳了，上面开端进修吧。

成绩描写

当您应用Chrome翻开此页里时(请参阅Live demo)：

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

css：

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

JS：

$(myspan).focus();

contenteditablespan有核心(您不妨开端写器械，您会瞅到它曾经有核心)，但是我们瞅没有到"I"编纂光标。

怎样显示此光标？(备注：outline:0和跨度为空，出有空缺)。

推举谜底

处理计划是将<span>改成<div>(我瞅到这处理了许多其余题中的contenteditable成绩)+增长了1个min-width。

现实上，应用以下代码，<div>的年夜小将是0px x 一8px！这便说明了为何(编纂光标)将被隐蔽！

HTML

<div id="blah" contenteditable=true></div>

css

#blah {
 outline: 0;
 position: absolute;
 top:一0px;
 left:一0px;
}

JS

$("#blah").focus();

而后，添减

min-width: 二px;

将许可显示，即便应用Chrome：http://jsfiddle.net/三8e九mkf四/二/