title: Why Chrome does not show CSS ::-webkit-scrollbar scrollbar for iframe?
body: <p>Why Chrome does not show CSS <code>::-webkit-scrollbar</code> scrollbar for iframe?</p>
  
  <p>Demo <a href="http://jsfiddle.net/laukstein/C9s3P/" rel="nofollow">http://jsfiddle.net/laukstein/C9s3P/</a></p>
  
  <pre><code>&lt;iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>::-webkit-scrollbar{
      width:0.8em;
      height:0.8em;
      background-color:#fff;
  }
  ::-webkit-scrollbar:hover{
      background-color:#eee;
  }
  ::-webkit-resizer{
      -webkit-border-radius:4px;
      background-color:#666;
  }
  ::-webkit-scrollbar-thumb{
      min-height:0.8em;
      min-width:0.8em;
      -webkit-border-radius:4px;
      background-color: #ddd;
  }
  ::-webkit-scrollbar-thumb:hover{
      background-color: #bbb;
  }
  ::-webkit-scrollbar-thumb:active{
      background-color:#888;
  }
  </code></pre>