首页 > web前端 > css教程 > 使用CSS调整scrollbar(滚动条)的配色详解

使用CSS调整scrollbar(滚动条)的配色详解

黄舟
发布: 2017-07-03 11:12:26
原创
1878 人浏览过

PSD转html,
设计稿上,有一处内嵌的介绍信息,当文字过长时,要求使用一个经过处理的滚动条来展示。

如果要求兼容firefox,可以使用JQ来进行制作。

如果仅要求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区域如图:

1699.gif

以上是使用CSS调整scrollbar(滚动条)的配色详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板