用CSS调整scrollbar(滚动条)的配色
2011-03-20 20:38
197 查看
设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。
如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。
代码如下：
.uicss-cn
{
height:580px;overflow-y: scroll;
scrollbar-face-color:#EAEAEA;
scrollbar-shadow-color:#EAEAEA;
scrollbar-highlight-color:#EAEAEA;
scrollbar-3dlight-color:#EAEAEA;
scrollbar-darkshadow-color:#697074;
scrollbar-track-color:#F7F7F7;
scrollbar-arrow-color:#666666;
}
具体样式对应的scrollbar区域如图：
如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。
代码如下：
.uicss-cn
{
height:580px;overflow-y: scroll;
scrollbar-face-color:#EAEAEA;
scrollbar-shadow-color:#EAEAEA;
scrollbar-highlight-color:#EAEAEA;
scrollbar-3dlight-color:#EAEAEA;
scrollbar-darkshadow-color:#697074;
scrollbar-track-color:#F7F7F7;
scrollbar-arrow-color:#666666;
}
具体样式对应的scrollbar区域如图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [转载 css]用CSS调整scrollbar(滚动条)的配色
- [转载 css]用CSS调整scrollbar(滚动条)的配色
- 用CSS调整scrollbar(滚动条)的配色
- [转]用CSS调整scrollbar(滚动条)的配色
- 用CSS调整scrollbar(滚动条)的配色
- CSS自定义滚动条（scrollbar-face-color）
- jQuery运用CSS3调整滚动条(scrollbar)overflow
- jquery滚动条美化Scrollbar设置浏览器默认滚动条CSS美化样式特效
- FLex组件之滚动条(ScrollBar)CSS美化
- CSS网页配色、隔行换色、选项卡、Div滚动条
- ie10 兼容性调整之滚动条消失的修正思路 scrollbar|lightbox
- css 滚动条换色调整代码
- css实现滚动条效果
- [CSS]滚动条
- CSS设置滚动条样式（兼容IE）
- 用css制作有滚蛋条的弹出框剧中，在滚动滚动条是不闪
- css滚动条修改样式
- 自动调整窗口高度，消除模态窗口的滚动条
- css如何实现滚动条隐藏但鼠标仍然可以滚动
- CSS一些样式，间距、链接、滚动条、清除浮动