滚动条样式优化（谷歌有效，IE浏览器无效）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了滚动条样式优化（谷歌有效，IE浏览器无效）相关的知识，希望对你有一定的参考价值。
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
background-color:#9f9e9e;
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
background-color:#9f9e9e;
height:50px;
-webkit-border-radius:4px;
}
/*---滚动条大小--*/
::-webkit-scrollbar{
width:8px;
height:8px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}
以上是关于滚动条样式优化（谷歌有效，IE浏览器无效）的主要内容，如果未能解决你的问题，请参考以下文章
JavaScript自定义浏览器滚动条兼容IE 火狐和chrome