是否可以更改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吗?
答案 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或任何样式滚动条的方式,它只是没有完成。