IE,ChromeスクロールバースタイルCSS

5712 ワード

<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>