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); 

希望這將盡快修復。