css – 如何设置iframe的滚动条样式?

前端之家收集整理的这篇文章主要介绍了css – 如何设置iframe的滚动条样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以更改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吗?

解决方法

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

您只能在Internet Explorer中使用的代码,并且只能在怪癖(非标准)模式下使用.

iframe中的内容与主页隔离,您必须在页面显示滚动条的样式,即在iframe中加载的页面中.您应用于主页面的任何样式都不会影响iframe中的内容.

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

猜你在找的CSS相关文章