Crio uma extensão do Google Chrome que coloca algumas tags IMG nos sites. Essa tag img em: hover deve mostrar um cursor personalizado. A extensão usa jQuery como seu script principal injetado. Eu tentei os seguintes métodos:

1

var cursor = 'url('+chrome.extension.getURL('icons/cursor.cur')+')';
$('#myImgId').css({
    'position': 'absolute', 
    'top':'5px',
    'left':'5px',
    'cursor':cursor
});

Este é o melhor trabalho. Em sites menores, mostra o cursor. Em sites de carregamento mais lento, isso não acontece. Mas, em pequenos sites, às vezes falha.

2)

var cursor = 'url('+chrome.extension.getURL('icons/cursor.cur')+')';    
$('<style>#myImgId{cursor:'+cursor+'}</style>').appendTo('head');

Isso não fez nada.

3)

No manifest.json, injetei o css.

"content_scripts": [
{
   "matches": ["http://*/*"],
   "css": ["css/style.css"],
   "js": ["j/c.js", "j/s.js"]
}

O arquivo css tinha apenas o cursor: url (icons / cursor.cur), pois não tenho idéia de como obter um URL real em um arquivo css. Isso não está funcionando. Eu acho que deve funcionar assim, mas não encontrei referência para isso no code.google.