概述
其实要改变滚动条的外观很简单，你只需在页面HTML代码的＜body＞......＜/body＞之间加入下列几行代码即可：
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#666666;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#cccccc;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#E0E0E0;
}
-->
</STYLE>
左边代码在IE中的
显示效果
其中：SCROLLBAR-FACE-COLOR、SCROLLBAR-HIGHLIGHT-COLOR、SCROLLBAR-SHADOW-COLOR、SCROLLBAR-ARROW-COLOR、SCROLLBAR-BASE-COLOR、SCROLLBAR-DARKSHADOW-COLOR分别用于指定滚动条不同部分的颜色值（所对应部分请看 图一 ），“：”后面的就是指定的相应色值，可用HTML色彩常量或直接指定16进制的色值（如：#FFFFFF 是白色）。如上例就实现了一个平板式的黄色背景，蓝色单线框的滚动条。
最后
以上就是优雅世界为你收集整理的改变滚动条的外观的全部内容，希望文章能够帮你解决改变滚动条的外观所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[持续整理] VS2019/Visual Studio 快捷键大全1. 项目相关的快捷键2. 编辑相关的键盘快捷键3. 导航相关的键盘快捷键4. 调试相关的键盘快捷键5. 搜索相关的键盘快捷键5.窗口快捷键6.代码快捷键7.调试快捷键](/uploads/reation/bcimg4.png)
发表评论 取消回复