项目中使用了iframe。 为了显示效果，我想修改滚动条的样式。 通过修改css样式在chrome中禁用，但在safari中显示正常。 不知道为什么，请请求花痴的香气指示
我写了测试代码：
index.html :
文档* {
margin: 0；
padding: 0；
}
//Scrollbar--*/
:-webkit-scrollbar {
width: 5px；
height: 5px；
}
:-WebKit-scroll bar-thumb {
背景色： # 999；
-webkit-border-radius: 5px；
border-radius: 5px；
}
:-WebKit-scroll bar-thumb : vertical : hover {
背景色： # 666；
}
:-WebKit-scroll bar-thumb : vertical : active {
背景色： # 333；
}
:-WebKit-scroll bar-button {
显示：无；
}
:3360-WebKit-scroll bar-track {
背景色： # f1f1f 1；
}
//Scrollbar--*/
body，html，#iframe {
width: 640px；
height: 100%；
margin : 0自动；
}
inner.html :
innerHtml * {
margin: 0；
padding: 0；
}
. innerDiv {
width: 100%；
height: 2000px；
背景色： # CCC；
}
附加效果截图：
Chrome :
Safari :
chrome下的iframe滚动条样式与body滚动条样式不同，safari下的iframe滚动条样式和body滚动条样式是正常的。 求饶求饶