title: Cannot access cssRules from local css file in Chrome 64
body: <p>Here's a simple example of the problem:</p>
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel='stylesheet' href='myStyle.css'&gt;
  &lt;script&gt;
  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
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>myStyle.css <code>body{background-color:green;}</code></p>
  <p>The script works fine with <code>&lt;style&gt;&lt;/style&gt;</code></p>
  <p>Solutions:</p>
  <ol>
  <li>Works when files are online/localhost.</li>
  <li>Works with other browsers. (i.e. Internet Explorer, Microsoft Edge, Firefox)</li>
  <li><a href="https://stackoverflow.com/questions/18586921/how-to-launch-html-using-chrome-at-allow-file-access-from-files-mode">chrome --allow-file-access-from-files</a></li>
  </ol>