怎么改变页面滚动条的样式

哪个知道怎么才能把网页自带的哪个滚动条的样式改变掉吗http://hi.baidu.com/kjkjl004/blog/item/f0bbb495ee994716d21b... 哪个知道怎么才能把网页自带的哪个滚动条的样式改变掉吗
http://hi.baidu.com/kjkjl004/blog/item/f0bbb495ee994716d21b708c.html就是像这个的滚动条一样展开

 我来答

3个回答

#热议# 在购买新能源车时，要注意哪些？

jame_bang
推荐于2017-09-28 · 超过11用户采纳过TA的回答

知道答主

回答量：64

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

通过CSS样式改变
<STYLE type=text/css>
<!--
BODY {
scrollbar-face-color: #FF0000 ; 
scrollbar-highlight-color: #00FF00; 
scrollbar-darkshadow-color: #ff0000;
scrollbar-3dlight-color: #ff0000; 
scrollbar-arrow-color: #ff0000; 
scrollbar-track-color: #ffcccc; 
scrollbar-darkshadow-color: #ffffff;

}
-->
</STYLE>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

趣事情
推荐于2017-10-13 · 知道合伙人互联网行家

趣事情
知道合伙人互联网行家

采纳数：517 获赞数：5452

电脑技术，软件开发。移动开发。网站建设相关专业知识。都可以提供解答和相关技术指导。

向TA提问私信TA

关注

展开全部

1、隐藏滚动条
在任何情况下，如果网页超出显示范围，就会出现滚动条。但有时我们并不想让它显示，如何隐藏它呢？只需
在<body></body>之间插入代码：<bodystyle="overflow-x:hidden;
overflow-y:hidden">即可。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。

2、滚动条各条语句含义如下：
Crollbar-Face-color:滚动条页面颜色设定；
Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定；
Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定；
Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color:滚动条两端箭头颜色设定；
Scrollbar-Track-Color:滚动条底版颜色设定；
Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定

3、滚动条透明代码：
#ffffff为颜色代码，可根据网页的基色来改变。
<style>
body{
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highight-color:#ffffff;
background:url(背景图片地址);
overflow:hidden;
margin:0;
}
div.main{
overflow:scroll;
width:100%;
height:100%;
filter:chroma(color=#ffffff);
}
</style>
框架示范（改变代码里的数字则是改变框架在网页里面的位置）：
<DIVclass=mainid=Layer1style="Z-INDEX:1;RIGHT:600px;OVERFLOW-
X:hidden;OVERFLOW:scroll;WIDTH:400px;POSITION:absolute;TOP:47px;HEIGHT:400px">
框架内容</DIV>

已赞过 已踩过<

评论收起

fuwenbin8
2009-03-25 · TA获得超过1122个赞

知道答主

回答量：149

采纳率：0%

帮助的人：100万

我也去答题访问个人页

关注

展开全部

还没见过

已赞过 已踩过<

评论收起

2条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎么改变页面滚动条的样式

其他类似问题

为你推荐：