zoukankan      html  css  js  c++  java
  • [转]用CSS调整scrollbar(滚动条)的配色

    转: http://uicss.cn/css-scrollbar/

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

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

    如果仅要求IE浏览器,可以通过调整CSS的方式,来给滚动条换色。

    代码如下:

    1. .uicss-cn
    2. {
    3. height:580px;overflow-y:scroll;
    4. scrollbar-face-color:#EAEAEA;
    5. scrollbar-shadow-color:#EAEAEA;
    6. scrollbar-highlight-color:#EAEAEA;
    7. scrollbar-3dlight-color:#EAEAEA;
    8. scrollbar-darkshadow-color:#697074;
    9. scrollbar-track-color:#F7F7F7;
    10. scrollbar-arrow-color:#666666;
    11. }

    具体样式对应的scrollbar区域如图:

    scrollbar

  • 相关阅读:
    子查询
    视频工作工具链
    视频拆帧与组帧
    二叉树
    回溯法
    windows配置编译器
    C++工厂模式
    C++单例模式
    HTML学习记录
    C++代码规范
  • 原文地址:https://www.cnblogs.com/Athrun/p/css_scrollbar.html
Copyright © 2011-2022 走看看