怎样才能设置iframe滚动条的样式，郁闷，这么个小疑点问了一圈也没答案
日期：2014-05-17 浏览次数：20814 次
怎样才能设置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,
如下脚本只能显示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,
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
