首页 > 建站教程 > Div+Css >  webkit浏览器自定义滚动条样式正文

webkit浏览器自定义滚动条样式

    今天在浏览网站时,发现一个网站的滚动条非常好看,就查看了它的css代码,找到了在WebKit浏览器下自定义滚动条样式的代码,抄在下面,方便下次查找:
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#26b;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#26b}
::-webkit-scrollbar-corner:vertical{background-color:#26b}
::-webkit-scrollbar-resizer:vertical{background-color:#000}