Cannot access cssRules from local css file in Chrome 64

Question

Cannot access cssRules from local css file in Chrome 64

here is a simple example of a problem:

<html>
<head>
<link rel='stylesheet' href='myStyle.css'>
<script>
window.onload=function(){
    try{
        alert(document.styleSheets[0]); // works
        alert(document.styleSheets[0].cssRules); // doesn't even print undefined
    }catch(e){alert(e)} // catch and alert the error
}
</script>
</head>
<body>
</body>
</html>

myStyle.css body{background-color:green;}

script works fine if you used <style></style>

SOLUTIONS:
1. works when files are on the network / localhost
2. works with other browsers (i.e. Internet Explorer, Microsoft Edge, Firefox)
3. chrome --allow-file-access-from-files

+4

javascript html css google-chrome cors

Puddle Feb 12 '18 at 19:04

source share

1 answer