繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 调整CSS的方式给滚动条换色
- CSS样式表
- CSS优先级规则的细节
- CSS失效，原来是和网页第一段代码有关
- 你真的了解CSS吗？你是属于哪个层次？
- 让样式表CSS代码更加专业规范
- 建议网页设计师用CSS制作网站导航菜单
- 简单学习css组合与CSS嵌套的写法
- CSS学习之css代码的简写的十条规则
- 条件CSS的介绍
- CSS教程:网页中多个样式表顺序问题
- CSS教程：网页版面设计无效的10个原因
- 页面重构工程师应该具有的技能和素质
- 选择正确DOCTYPE解决CSS在网页失效问题
- Opera中国的WEB标准课程
- 简单介绍Web Developer插件制作网页
- CSS布局带来的巨大影响:CSS display属性值
- 用div css模拟表格对角线
- IE Firefox在css中的差别 (部分)
- 不用js可以实现信息提示效果
- CSS解决未知高度的垂直水平居中自适应问题
- CSS cursor 属性 -- 鼠标指针样式效果
CSS样式表 中的 调整CSS的方式给滚动条换色
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 116 ::
收藏到网摘: n/a
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区域如图：
评论 (0) All
