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

时间:2010-02-17 12:45:46

标签: 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吗?

6 个答案:

答案 0 :(得分:4)

尝试iframe body,而不仅仅是身体。

This可以在Webkit浏览器(Safari和Chrome)中完美运行,不要认为会有跨浏览器解决方案。嗯 - 你可以用Javascript

答案 1 :(得分:3)

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

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

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

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

答案 2 :(得分:1)

AFAIK,您不能以跨浏览器的方式执行此操作。我认为您上面使用的代码只能在IE中使用。

答案 3 :(得分:1)

使用javascript(即jScrollPane)是样式滚动条的唯一跨浏览器选项,我担心。

答案 4 :(得分:1)

您需要将CSS添加到iframe中的实际页面,即如果您有page.html和iframe.html,则CSS必须位于iframe.html中。

但是,不要依赖那个CSS,它只适用于IE或者怪癖模式下的Opera。

答案 5 :(得分:0)

只是丢失iframe或任何样式滚动条的方式,它只是没有完成。