日期:2014-05-17  浏览次数:20606 次

怎样才能设置iframe滚动条的样式,郁闷,这么个小问题问了一圈也没答案
如下脚本只能显示IE的SCROLLBAR,对于iframe却没作用

<html   xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "   />
<title> 无标题文档 </title>

<style       type= "text/css ">      
    <!--      
    BODY   {
SCROLLBAR-FACE-COLOR:   rgb(10,236,209);   //滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR:   rgb(23,255,155);//滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR:   rgb(255,116,23);//立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR:   rgb(66,93,127);//滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR:   rgb(93,232,255);//上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR:   rgb(255,70,130);//滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR:   rgb(10,0,209);//滚动条强阴影的颜
SCROLLBAR-BASE-COLOR:   rgb(66,93,128)/滚动条的基本颜色
}
   
       
    -->      
    </style>
</head>

<body   style= 'overflow:scroll;overflow-x:hidden '>
<iframe   src= "1.html "     width= "300 "   height= "300 "> </iframe>
</body>
</html>

------解决方案--------------------
在1.html里面再定义一次呢?
------解决方案--------------------
滚动条的样式是放在被嵌入的页面的
------解决方案--------------------
唉啊,楼主唉,
滚动条的样式是放在放嵌入的页面当中的.比如你的就是1.html,这样就OK了,
------解决方案--------------------
<style type= "text/css ">
<!--
BODY {
SCROLLBAR-FACE-COLOR: rgb(10,236,209); //滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: rgb(23,255,155);//滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: rgb(255,116,23);//立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: rgb(66,93,127);//滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: rgb(93,232,255);//上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: rgb(255,70,130);//滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: rgb(10,0,209);//滚动条强阴影的颜
SCROLLBAR-BASE-COLOR: rgb(66,93,128)/滚动条的基本颜色
}

这段代码写入1.HTML,