zoukankan      html  css  js  c++  java
  • webkitscrollbar

    在IE中可以自定义滚动条的样式 ,基于webkit的浏览器现在也可以自定义其样式:

     

    ::-webkit-scrollbar              { /* 1 */ }  ::-webkit-scrollbar-button       { /* 2 */ }  ::-webkit-scrollbar-track        { /* 3 */ }  ::-webkit-scrollbar-track-piece  { /* 4 */ }  ::-webkit-scrollbar-thumb        { /* 5 */ }  ::-webkit-scrollbar-corner       { /* 6 */ }  ::-webkit-resizer                { /* 7 */ }  

     

    ::-webkit-scrollbar {

         12px;

    }

     

    ::-webkit-scrollbar-track {

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

        -webkit-border-radius: 10px;

        border-radius: 10px;

        border:1px solid #666666

    }

     

    ::-webkit-scrollbar-thumb {

        -webkit-border-radius: 10px;

        border-radius: 10px;

        background: rgba(255,0,0,0.8); 

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

    }

    ::-webkit-scrollbar-thumb:window-inactive {

    background: rgba(255,0,0,0.4); 

    }

     

     

    .test{

    100px;

    height:200px;

    overflow:scroll;

    border:1px solid #666666;

    }

     

    <div class="test">kfalsdfjlasjldf</div>


  • 相关阅读:
    undefined reference to `sqrt' 问题
    linux上开发minigui的配置过程
    linxu select 返回值
    Unix/Linux C静态库的使用
    ubuntu 默认pdf阅读器乱码
    文件锁使用原理及其方法
    fileno函数与ftruncate函数
    Linux下select函数的使用
    unix linux 文件锁
    iOS 基础笔试题
  • 原文地址:https://www.cnblogs.com/danghuijian/p/4399954.html
Copyright © 2011-2022 走看看