Estoy creando una extensión de Google Chrome que coloca alguna etiqueta IMG en los sitios. Esta etiqueta img en: hover debe mostrar un cursor personalizado. La extensión utiliza jQuery como su script central inyectado. Probé los siguientes métodos:

1)

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

Este es el mejor trabajo. En sitios más pequeños, muestra el cursor. En sitios de carga más lenta no lo hace. Pero en sitios pequeños falla a veces.

2)

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

Esto no hizo nada en absoluto.

3)

En manifest.json inyecté el css.

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

El archivo css solo tenía el cursor: url (icons / cursor.cur) ya que no tengo idea, cómo obtener una url real en un archivo css. Esto no está funcionando en absoluto. Creo que debe funcionar así, aunque no encontré referencia para esto en code.google.