jsfiddle光标的明显位置不是它在Chrome和IE中的实际位置。在Firefox中工作

Question

今天注意到，在长长的代码或注释行上，光标逐渐变得越来越不正确，直到它的明显位置可能超过3个字符。 （这看起来像编辑认为它使用不同的字体。）

我在Chrome和IE中看到这个。但是Firefox工作正常。有没有人看到这个？

Answer 1

希望他们修复它。关闭文本渲染：optimizeLegibility;在身体元素，你应该在这段时间的好。

在Chrome中，你做这种方式：

• 打开要编辑
• 打开Chrome控制台（F12）
• 选择 “元素” 选项卡中的小提琴
• 选择“ body“标记
• 将”样式“区域（右侧）向下滚动到”normalize.css“
• 最后，取消选中”text-rendering：optimiz“旁边的复选框eLegibility;”

现在光标固定，直到您重新加载页面。

Answer 2

感谢user1803096的快速修复。现在，因为它是无聊每次使用巡视删除此特定CSS规则，我更喜欢复制/粘贴，并在控制台执行下面的JavaScript：

var css = '*, body, button, input, textarea, select {text-rendering: initial;}', 
    head = document.head || document.getElementsByTagName('head')[0], 
    style = document.createElement('style'); 

style.type = 'text/css'; 
if (style.styleSheet){ 
    style.styleSheet.cssText = css; 
} else { 
    style.appendChild(document.createTextNode(css)); 
} 

head.appendChild(style); 

希望这将尽快修复。