给浏览器的滚动条加上颜色

2016-01-29 18:12 5 1 收藏

给浏览器的滚动条加上颜色,给浏览器的滚动条加上颜色

【 tulaoshi.com - ASP 】

豆腐制作都是精品
http://www.asp888.net 豆腐技术站

我们知道可以使用样式表来控制页面的很多的属性,比如我们可以通过这样的CSS 来改变Button的背景颜色
input.colorbutton
{
font-size:9pt;
background-color: white;
color:rgb(0,0,128) ;
}
然后我们在HTML代码中加入下面的代码:
<input type=button class=colorbutton id=test name=test value="测试Button颜色"
即可
IE5.5 给我们提供了让我们对IE的滚动条进行控制的方法，当然也是通过CSS来控制了！如果您使用的是IE5.5版本的浏览器
来访问豆腐技术站的话，应该就已经看到了滚动条的变化。
下面我来给大家把这段样式表的代码写出来，大家添加到自己的页面中就可以了
Body
{
scrollbar-face-color:#666666;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#3366cc;
scrollbar-darkshadow-color:#666666;
scrollbar-track-color:#EEEEEE;
scrollbar-arrow-color:#666666
}
当然，颜色搭配的不是很好看，大家改成自己搭配的好看的颜色就可以了。呵呵，你的颜色搭配的好，可千万不要独享，要告诉豆腐呀:)

来源:http://www.tulaoshi.com/n/20160129/1504847.html

上一篇：如何用javascript识别Netscape 6 浏览器
下一篇： Linux下硬盘分区最佳方案

看过《给浏览器的滚动条加上颜色》的人还看了以下文章更多>>

调整CSS的方式给滚动条换色

标签： Web开发

PSD转html，设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。如果要求兼容firefox，可以使用JQ来进行制作。如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。代码如下： .uicss-cn { height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:...

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);

CSS代码:控制IE滚动条