用css美化滚动条

2016-01-29 12:08 4 1 收藏

用css美化滚动条,用css美化滚动条

【 tulaoshi.com - Html 】

果在您看够了您的主页中灰色的滚动条，想让他变一种颜色，您该怎么办呢？

其实这很简单，插入一段代码就能实现了(必须是IE5以上，或者是以IE5为内核的浏览器)
首先，先让我们看这张图这段代码是在html中的和中加入

其中#xxxxxx就是你选择的颜色的代码
如果你还不明白请在看下面的几个例子

1 body {
background: #4E544B;
color: #FFFFFF;
SCROLLBAR-FACE-COLOR: #6D7669;
SCROLLBAR-HIGHLIGHT-COLOR: #6D7669;
SCROLLBAR-SHADOW-COLOR: #363946;
SCROLLBAR-3DLIGHT-COLOR: #B9C2B3;
SCROLLBAR-ARROW-COLOR: #363946;
SCROLLBAR-TRACK-COLOR: #363946;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}

3 body {
background-color: #ffffff;
color: #336699;
SCROLLBAR-FACE-COLOR: #BED8EB;
SCROLLBAR-SHADOW-COLOR: #DDF8FF;
SCROLLBAR-HIGHLIGHT-COLOR: #92C0D1;
SCROLLBAR-3DLIGHT-COLOR: #DDF8FF;
SCROLLBAR-DARKSHADOW-COLOR: #92C0D1;
SCROLLBAR-TRACK-COLOR:#BED8EB;
SCROLLBAR-ARROW-COLOR: #92C0D1
}

来源:https://www.tulaoshi.com/n/20160129/1484764.html

上一篇： HTML组件之:编写日历(2)
下一篇：页面自动刷新不用按回车键来提交数据！

看过《用css美化滚动条》的人还看了以下文章更多>>

CSS教程:CSS控制浏览器滚动条的源代码

标签： Web开发

1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本...

CSS控制浏览器滚动条的源代码

标签： Web开发

MooTools教程(15):滚动条(Slider)

标签： Web开发

到现在为止，初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条（Slider）没有任何不同，你要创建一个新的滚动条，定义滚动条和滑块相关的元素，然后设置你的选项，再创建一些回调事件的控制函数。尽管滚动条（Slider）遵循这个熟悉的模式，但是任然还有一点特殊的地方。基本用法创建一个新的滚动条（Slider）对象我们首先从HTML...

Jquery iframe内部出滚动条

标签： Web开发

代码如下： //调用函数 var pagestyle = function() { var rframe = $("#mainFrame"); //ie7默认情况下会有上下滚动条，去掉上下15像素 var h = $(window).height() - rframe.offset().top - 15; rframe.height(h); } //注册加载事件 $("#mainFrame").load(pagestyle); //注册窗体改变大小事件 $(window).resize(pagestyle);

js滚动条多种样式,推荐