2023年6月20日发(作者：)

htmlframe滚动条,如何修改iframe滚动条样式项⽬中⽤到了 iframe，由于显⽰效果，想要修改⼀下滚动条样式，通过修改 css 样式在 chrome 下⽆效，⽽在 safari 中显⽰正常，不知道什么原因，求⼤佬们指点写了个测试代码：：Document* {margin: 0;padding: 0;}/*- scrollbar -*/::-webkit-scrollbar {width: 5px;height: 5px;}::-webkit-scrollbar-thumb{background-color: #999;-webkit-border-radius: 5px;border-radius: 5px;}::-webkit-scrollbar-thumb:vertical:hover{background-color: #666;}::-webkit-scrollbar-thumb:vertical:active{background-color: #333;}::-webkit-scrollbar-button{display: none;}::-webkit-scrollbar-track{background-color: #f1f1f1;}/*- scrollbar -*/body, html, #iframe {width: 640px;height: 100%;margin: 0 auto;}：innerHtml* {margin: 0;padding: 0;}.innerDiv {width: 100%;height: 2000px;background-color: #ccc;}附上效果截图：Chrome：Safari：chrome 下 iframe 滚动条样式与 body 滚动条样式不同，⽽ safari 下 iframe 滚动条样式和 body 滚动条样式皆正常。求⼤佬们指点

2023年6月20日发(作者：)

htmlframe滚动条,如何修改iframe滚动条样式项⽬中⽤到了 iframe，由于显⽰效果，想要修改⼀下滚动条样式，通过修改 css 样式在 chrome 下⽆效，⽽在 safari 中显⽰正常，不知道什么原因，求⼤佬们指点写了个测试代码：：Document* {margin: 0;padding: 0;}/*- scrollbar -*/::-webkit-scrollbar {width: 5px;height: 5px;}::-webkit-scrollbar-thumb{background-color: #999;-webkit-border-radius: 5px;border-radius: 5px;}::-webkit-scrollbar-thumb:vertical:hover{background-color: #666;}::-webkit-scrollbar-thumb:vertical:active{background-color: #333;}::-webkit-scrollbar-button{display: none;}::-webkit-scrollbar-track{background-color: #f1f1f1;}/*- scrollbar -*/body, html, #iframe {width: 640px;height: 100%;margin: 0 auto;}：innerHtml* {margin: 0;padding: 0;}.innerDiv {width: 100%;height: 2000px;background-color: #ccc;}附上效果截图：Chrome：Safari：chrome 下 iframe 滚动条样式与 body 滚动条样式不同，⽽ safari 下 iframe 滚动条样式和 body 滚动条样式皆正常。求⼤佬们指点