zoukankan      html  css  js  c++  java
  • IE,Chrome滚动条样式CSS

    <style type="text/css">  
            *{  
                scrollbar-face-color:#F3F3F3; /*面子*/  
                scrollbar-arrow-color:#C0C0C0; /*箭头*/  
                scrollbar-3dlight-color:#C0C0C0; /*最外左*/  
                scrollbar-highlight-color:#FFFFFF; /*左二*/  
                scrollbar-shadow-color:#FFFFFF; /*右二*/  
                scrollbar-darkshadow-color:#C0C0C0; /*右一*/  
                scrollbar-track-color:#F3F3F3; /*滑道*/  
            }  
            /*滚动条整体*/  
            ::-webkit-scrollbar{  
                width:14px; /*滚动条宽度*/  
            }  
            /*滚动条按钮*/  
            ::-webkit-scrollbar-button {  
      
            }  
            ::-webkit-scrollbar-track{  
                background-color:#F3F3F3;  /*滑道全部*/  
            }  
            ::-webkit-scrollbar-track-piece{  
                background-color:#F3F3F3;  /*滑道*/  
                -webkit-border-radius:4px; /*滑道圆角宽度*/  
            }  
            ::-webkit-scrollbar-thumb{  
                background-color:#F3F3F3; /*滑动条表面*/  
                border:solid 1px #C0C0C0; /*滑动条边框*/  
                border-radius:4px;  /*滑动条圆角宽度*/  
            }  
            /*横竖滚动条交角*/  
            ::-webkit-scrollbar-corner {  
                background-color: #F3F3F3;  
            }  
            /*横竖滚动条交角图案*/  
            ::-webkit-resizer {  
                /*background-image: url(/public/img/resizer-inactive.png);*/  
               background-repeat: no-repeat;  
               background-position: bottom right;  
           }  
           /*鼠标滑过滑动条*/  
            ::-webkit-scrollbar-thumb:hover{  
                background-color:#F3F3E0;  
            }  
    </style> 
  • 相关阅读:
    bzoj3224
    [洛谷日报第62期]Splay简易教程 (转载)
    bzoj1588
    codeforces467C
    codeforces616B
    codeforces379C
    codeforces545C
    codeforces285C
    codeforces659C
    快读代码level.2
  • 原文地址:https://www.cnblogs.com/shenyixin/p/5262353.html
Copyright © 2011-2022 走看看