为什么Chrome不显示CSS :: - iframe的webkit-scrollbar滚动条？

Question

为什么Chrome不显示iframe的CSS ::-webkit-scrollbar滚动条？

演示http://jsfiddle.net/laukstein/C9s3P/

<iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"></iframe>

CSS

::-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;
}

Answer 1

显然根据http://browsershots.org的结果，Chrome版本5和版本之间的CSS实现不同6+。查看测试屏幕时，显示如下...

行为变化

关于可设置样式滚动条行为更改的一般信息。

Chrome 5.0.x - iFrame显示滚动条

Chrome 6.0.x + - 显示不带滚动条

（整套测试结果@ http://browsershots.org/http://jsfiddle.net/laukstein/C9s3P/embedded/result/）

更新

显然，官方Styling Scrollbars页面并未说明它可以与iFrame配合使用，虽然在某一点（Chrome 5）它的确如上所述。自6以来行为不同。

  

Dave发表   凯悦于2009年3月19日星期四上午   下午2:19
  WebKit现在支持样式   溢出部分的滚动条，   列表框，下拉菜单和   文字区域。对于那些想跳过的人   文章，然后直接进入   来源，这是一个例子[...]

同一页上的评论说：

  

太糟糕了，它无法设置窗口样式   滚动条。

iFrame通常使用Windows滚动条。

一种可能性是Chrome的iFrame或滚动条的实现在v5到v6之间从非标准滚动条到纯Windows滚动条，或从引擎盖下的“伪造”div iFrame（或类似的东西）变为真正的Window对于iFrame，随着浏览器在Windows平台上的发展。

Answer 2

似乎正在使用Chrome 14。

Answer 3

适合我。也许检查一下您的Chrome版本？ （我使用8.0.552.231）