柒比贰seven主题7b2主题日主题ripro美化,浏览器页面滚动条美化[网站美化]
美化css代码放入主题样式文件内即可。所有网站右侧滚动条均可美化,本站使用b2主题,故以此为例。效果如图(本站右侧滚动条)!
/*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ background-color:#03a9f4; height:50px; outline-offset:-2px; outline:2px solid #cddc39; -webkit-border-radius:4px; border: 2px solid #fff; } /*---鼠标点击滚动条显示样式--*/ ::-webkit-scrollbar-thumb:hover{ background-color:#00bcd4; height:50px; -webkit-border-radius:4px; } /*---滚动条大小--*/ ::-webkit-scrollbar{ width:15px; height:10px; } /*---滚动框背景样式--*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; }