BODY {
SCROLLBAR-FACE-COLOR: #eeeeee; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; CURSOR: url('images/joekoe.ani'); SCROLLBAR-SHADOW-COLOR: #dee3e7; SCROLLBAR-3DLIGHT-COLOR: #d1d7dc; SCROLLBAR-ARROW-COLOR: #007db5; SCROLLBAR-TRACK-COLOR: #ededed; SCROLLBAR-DARKSHADOW-COLOR: #00659c
}CSS样式
SCROLLBAR-FACE-COLOR: #eeeeee; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; CURSOR: url('images/joekoe.ani'); SCROLLBAR-SHADOW-COLOR: #dee3e7; SCROLLBAR-3DLIGHT-COLOR: #d1d7dc; SCROLLBAR-ARROW-COLOR: #007db5; SCROLLBAR-TRACK-COLOR: #ededed; SCROLLBAR-DARKSHADOW-COLOR: #00659c
}CSS样式
解决方案 »
- 最近在学习ExtJs 4.0,请问有什么好书推荐
- 用JS实现动态添加Input标签,但是添加的input标签TAB的顺序有问题
- javascript问题。急求,达人来救!!!
- js 关闭窗口 如果才能不弹出提示
- 这样的程序是怎么制作的?那些网站联盟,通过注册,得到一段 js 代码或文件,放到自己的网页上就能显示对方的信息,这样的网络程序是怎么
- 请问怎样用window.open()在本页打开另一个网页?
- 如何用javascript实现每次装载页面时都检查是否为新版本?
- 如何在用右键菜单“在新窗口中打开”打开的窗口中控制其父窗口?
- 【在线等】菜鸟求助。。。关于JavaScript的数组的问题。
- JS修改HTML文件后怎么保存被修改的HTML
- vbscript运行不了,不知道什么原因<script language="vbscript">msgbox "ddddd"</script>
- 大家好 谁知道怎么使用图片制作滚动条?谢谢
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色我们通过几个实例来讲解上述的样式属性:
1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<body
style="overflow:hidden">2.设定多行文本框的滚动条没有水平滚动条
<textarea style="overflow-x:hidden"></textarea>没有垂直滚动条
<textarea style="overflow-y:hidden"></textarea>没有滚动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果:
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">4.在样式表文件中定义好一个类,调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用:
<textarea class="coolscrollbar"></textarea>