css - 如何设置 iframe 滚动条的样式？

Question

是否可以更改 iframe 的滚动条样式？

我试着用下面的代码来设置它的样式，但它似乎不起作用

html{scrollbar-arrow-color: #252604;
 scrollbar-highlight-color: #BFC097;
 scrollbar-shadow-color: #ffffff;
 scrollbar-base-color : #000000;
 scrollbar-track-color: #E2E1D4;
 scrollbar-face-color: #BFC097;
 scrollbar-3dlight-color: #EFEEEE;
 scrollbar-darkshadow-color: #999999;}

尝试过

body{scrollbar-arrow-color: #252604;
 scrollbar-highlight-color: #BFC097;
 scrollbar-shadow-color: #ffffff;
 scrollbar-base-color : #000000;
 scrollbar-track-color: #E2E1D4;
 scrollbar-face-color: #BFC097;
 scrollbar-3dlight-color: #EFEEEE;
 scrollbar-darkshadow-color: #999999;}

我是不是听错了？iframe 中的文件位于不同域中的另一件事是什么？我有过 javascript 不起作用的经历，但它也会影响 CSS 吗？？

Answer 1

没有跨浏览器的方式来设置滚动条的样式。

您拥有的代码只能在 Internet Explorer 中运行，并且只能在 quirks(非标准)模式下运行。

iframe 中的内容与主页隔离，您必须在滚动条出现的页面上设置滚动条的样式，即在 iframe 中加载的页面中。您应用于主页的任何样式都不会影响 iframe 中的内容。

如果您无法更改在 iframe 中加载的页面内容，则无法设置滚动条的样式。