一 些网站为了整体效果,会调整页面滚动条的颜色,但是,这个解决方案只有 KDE 上的 Konqueror 浏览器和 Windows 上的 Internet Explorer 5.5+ 才支持,发在这里只是供有需要的人采用,因此,使用前要根据自己的用户群来进行选择。

CSS:

  1. <style type="text/css">
  2. body, html {
  3. scrollbar-face-color: #353535;
  4. scrollbar-shadow-color: #565656;
  5. scrollbar-highlight-color: #565656;
  6. scrollbar-3dlight-color: #7F7F7F;
  7. scrollbar-darkshadow-color: #565656;
  8. scrollbar-track-color: #565656;
  9. scrollbar-arrow-color: #DADADA;
  10. }
  11. </style>

由于在 xhtml 中 定义在 body 上是没有效果的,所以为了通用,可以在 body 和 html 标签都定义一下。

这些属对应图例如下:

滚动条的显示与隐藏:
Quote:


语法:

overflow : visible | auto | hidden | scroll

参数:

visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden :  不显示超过对象尺寸的内容
scroll :  总是显示滚动条

单独控制横向滚动条或者纵向滚动条可以用 :overflow-x   和   overflow-y ,语法和 overflow 相同。

转载于:https://www.cnblogs.com/s021368/archive/2009/08/17/1548210.html

(转)页面滚动条(scrollbar)颜色设置详解相关推荐

  1. android 设置listview滚动条,Android ListView 滚动条的设置详解及实例代码

    Android ListView 滚动条的设置详解 1.滚动条的属性 android:scrollbarAlwaysDrawHorizontalTrack 设置是否始终显示水平滚动条.这里用Scrol ...

  2. cass块参照怎么改颜色,【干货】新版本CASS符号颜色自定义详解

    原标题:[干货]新版本CASS符号颜色自定义详解 " CASS大家都会陌生吧!今天小编给大家分享的是CASS10.1版本.细心的小伙伴在用CASS10.1的时候可能已经发现--CASS默认的 ...

  3. [转]Windows下安全权限设置详解

    一 Windows下安全权限设置详解 [简 介] 随着动网论坛的广泛应用和动网上传漏洞的被发现以及SQL注入式攻击越来越多的被使用,WEBSHELL让防火墙形同虚设,一台即使打了所有微软补丁.只让80 ...

  4. Windows权限设置详解

    Windows权限设置详解 随着动网论坛的广泛应用和动网上传漏洞的被发现以及SQL注入式***越来越多的被使用,WEBSHELL让防火墙形同虚设,一台即使打了所有微软补丁.只让80端口对外开放的WEB ...

  5. ubuntu php设置,关于ubuntu php环境设置详解-PHP问题

    ubuntu php设置办法:起首更新源列表:而后关上"终端窗口",输出饬令"sudo apt-get install php5"来装置php:接着装置设置装备 ...

  6. ad19pcb设置恢复默认_电脑主板BIOS设置详解BIOS知识大全

    电脑主板BIOS设置详解-BIOS知识大全 什么是电脑BIOS,一般电脑主板都设置了电脑开机后一直按着Del键即可进入BIOS. 系统开机启动 BIOS,即微机的基本输入输出系统(Basic Inpu ...

  7. OpenMV多颜色识别详解

    需提前观看:OpenMV单颜色识别详解: 多颜色识别和单颜色识别差不多,只需要改动[thresholds[threshold_index]]这个地方 #更改之前 for blob in img.fin ...

  8. 计算机CMOS设置详解

    计算机CMOS设置详解 2011年05月30日 [b]计算机CMOS[/b][b]设置详解[/b][b][/b] [b]友情提示:[/b] [b] [/b][b]计算机爱好者们,当你走入计算机的世界, ...

  9. PPT中实现长图片滚动条显示!(详解)

    PPT中实现长图片滚动条显示!(详解) 1.环境是ppt2010 2.点击开发工具. 3.如果没有开发工具 4.在属性里设置.

最新文章

  1. L1-039. 古风排版
  2. Java三大主流开源工作流引擎技术分析
  3. Saltstack常用模块及API
  4. Linux内核源代码分析——swap实现
  5. NUC1154 Vertical Histogram【打印图案】
  6. TortoiseSVN中的“文件和文件夹过滤”在VS项目中的使用
  7. 网关中间件研发首选一站式API协作平台:Eolink
  8. 倾斜摄影数据OSGB进入到ArcGIS平台相关问题小结
  9. 简指南越狱的iOS及原因,负责其
  10. GeekTool介绍及Shell模式应用二则(以及df、cal、date、sed的使用)
  11. oracle价格的数据类型,oracle数据库中的number类型
  12. CSS3中的边框图片
  13. 一条wmic命令解决硬盘序列号和mac地址查询
  14. mysql 1032 1062_MySQL 1032和1062跳过错误总结
  15. 摆脱“概念化”,自动售货机玩儿“物联网”是否靠谱?
  16. c++二叉排序树的非递归插入与递归插入,递归之间不同写法的思考
  17. 解决The package java.awt is not accessible
  18. webpack--黑洞级入门
  19. Oracle Mutex实现机制
  20. 一个简易的TCP服务器程序(将收到的字符发回给客户端)

热门文章

  1. java steam 排序_Java使用Steams VS TreeMap对地图进行排序
  2. linux怎么初始命令,linux 第二季 初始linux 目录以及初始命令
  3. python3.7打包exe后有显示no utf-8_pyinstaller 打包生成exe之后运行提示‘no module name 'xxx'’错误...
  4. 数据库: asc和desc的意思
  5. x内存满白苹果解决_苹果最佳MacBook和Mac:顶级苹果台式机和笔记本电脑
  6. mysql 无符号 负数_mysql下有符号数和无符号数的相关问题
  7. wxpython 优秀的界面_wxPython图形用户界面
  8. python程序加密_项目源代码被好朋友“盗用”!让我痛心疾首!给Python源码加密!...
  9. php 周末 培训,济南php周末培训班
  10. 部署 Job (第四部分)