webkit scrollbar 样式
2013-11-28 14:16
579 查看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> /* scroll */ ::-webkit-scrollbar{ width:10px; height:10px; } ::-webkit-scrollbar-button{ width:0; height:0; } ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{ display:block; } ::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement { display:none; } ::-webkit-scrollbar-corner{ display:block; } ::-webkit-scrollbar-thumb{ background-clip:padding-box; background-color:rgba(0,0,0,.2); border-radius:8px; } ::-webkit-scrollbar-thumb:hover{ background-clip:padding-box; background-color:rgba(0,0,0,.5); border-radius:8px; } ::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-thumb:vertical{ border-left:1px solid transparent; border-right:1px solid transparent; } ::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:horizontal{ border-top:1px solid transparent; border-bottom:1px solid transparent; } ::-webkit-scrollbar-track:hover{ background-clip:padding-box; background-color:rgba(0,0,0,.15); } </style> </head> <body> <div style='height:100px;width:200px;overflow:auto;background:#fff;border:1px solid #eee;border-radius:5px'> <p>hello <p>hello <p>hello <p>hello <p>hello <p>hello <p>hello <p>hello <p>hello </div> </body> </html>
相关文章推荐
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- 滚动条样式优化(CSS3自定义滚动条样式 -webkit-scrollbar)
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS3自定义滚动条样式 -webkit-scrollbar