IE 好看的滚动条样式

原文地址为:HTML 方便又很好看滚动条样式

NanShan 即时通讯 提醒各位初学者们做HTML时如果遇到有很多内容的贴子,做上一个滚动条样式. 确实既方便又很好看. 具体的做法如下:

 

一个说明: 本篇文章所指的彩色样式只针对Internet Explorer 5.5+ 的浏览器起作用, Firefox等标准浏览器无效.

滚动条样式主要涉及到如下CSS属性:

overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容

overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条

width: 568px; width: 98%; 设置区域的宽度[像素/百分比等等]

height: 120px; 设置区域的高度[像素/百分比等等]

---------------------------偶是分隔线------------------------------------

剩下的就是仅仅适用于IE 5.5+的浏览器样式了:

scrollbar-base-color:#006699; 
设置基色设置该选项后可以不设置下面的属性, 浏览器会依据基色自动调整
scrollbar-track-color:rgb(10,100,254); 底板轨迹颜色
scrollbar-3dlight-color: ; 上/左边沿亮边颜色
scrollbar-arrow-color: ; 两端箭头颜色
scrollbar-darkshadow-color: ; 下/右边沿颜色
scrollbar-face-color: ; 表面颜色
scrollbar-highlight-color: ; 上/左斜面亮边框颜色
scrollbar-shadow-color:; 下/右斜面暗边框颜色

  • 0
    点赞
  • 1
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:技术黑板 设计师:CSDN官方博客 返回首页
评论

打赏作者

宠辱不惊去留无意

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值