zoukankan      html  css  js  c++  java
  • 修改默认的滚动条样式

    为了方便自己查看,复制别人的。保存个副本

    .list::-webkit-scrollbar {

    8px;

    height: 8px;

    }

    /*正常情况下滑块的样式*/

    .list::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);

    }

    /*鼠标悬浮在该类指向的控件上时滑块的样式*/

    .list:hover::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);

    }

    /*鼠标悬浮在滑块上时滑块的样式*/

    .list::-webkit-scrollbar-thumb:hover {

    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);

    }

    /*正常时候的主干部分*/

    .list::-webkit-scrollbar-track {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);

    }

    /*鼠标悬浮在滚动条上的主干部分*/

    .list::-webkit-scrollbar-track:hover {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);

    }

  • 相关阅读:
    第七次作业
    随堂讨论8
    第六次作业
    随堂讨论-5
    曹宇轩-第五次作业
    随堂讨论3-刘昕昕,曹宇轩
    曹宇轩-第四次作业
    Alpha阶段项目复审
    团队作业4 -项目冲刺
    第六篇 Scrum冲刺博客
  • 原文地址:https://www.cnblogs.com/zypblogs/p/11426284.html
Copyright © 2011-2022 走看看