No se puede acceder a los estilos CSS externos en Google Chrome

Question

Jun 29, 2014, 03:16 AM

external google-chrome javascript stylesheet css

No se puede acceder a los estilos CSS externos en Google Chrome

Entonces tengo el siguiente código

<html>
<head>
    <link href="style.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        document.styleSheets[0].cssRules[0].style.color="blue";
    </script>
</head>
//etc.

Básicamente, este código funciona en IE y Mozilla, pero no en Chrome. En realidad, cuando corresdocument.styleSheets[0].cssRules devuelve un objeto CSSRulesList (en IE y Mozilla), pero en Chrome devuelve nulo. Por cierto, para los estilos incrustados, este objeto parece funcionar incluso en Chrome.

Entonces, ¿esta función en realidad no está disponible en Chrome? Si es así, ¿existe una alternativa de Chrome que le permita trabajar con hojas / archivos de estilo externos usando Javascript?