Estilos CSS externos não podem ser acessados no Google Chrome

Question

Jun 29, 2014, 03:16 AM

google-chrome css external stylesheet javascript

Estilos CSS externos não podem ser acessados no Google Chrome

Então, eu tenho o seguinte 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.

Então, basicamente, esse código funciona no IE e Mozilla, mas não no Chrome. Na verdade, quando você corredocument.styleSheets[0].cssRules retorna um objeto CSSRulesList (no IE e Mozilla), mas no Chrome retorna nulo. Aliás, para estilos incorporados, esse objeto parece funcionar mesmo no Chrome.

Então, esse recurso não está disponível no Chrome? Em caso afirmativo, existe uma alternativa do Chrome que permita trabalhar com folhas de estilo / arquivos externos usando Javascript?