浏览器滚动条样式更改
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浏览器滚动条样式更改相关的知识，希望对你有一定的参考价值。
/* webkit内核浏览器 */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-button {
width: 8px;
height: 5px;
}
::-webkit-scrollbar-track {
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
background: #999;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}
/* IE浏览器 */
html {
/*滑块和箭头背景颜色*/
scrollbar-base-color: #7d7d7d;
/*背景边框颜色*/
scrollbar-3dlight-color: #7d7d7d;
/*滑块边框颜色*/
scrollbar-highlight-color: #7d7d7d;
/*背景颜色*/
scrollbar-track-color: #EBEBEB;
/*箭头颜色*/
scrollbar-arrow-color: #EBEBEB;
/*滑块阴影*/
scrollbar-shadow-color: #7d7d7d;
/*背景阴影*/
scrollbar-dark-shadow-color: #EBEBEB;
}
以上是关于浏览器滚动条样式更改的主要内容，如果未能解决你的问题，请参考以下文章