方法/步骤
修改当前主题样式文件style.css,在末端添加以下代码.
- /*---滚动条默认显示样式--*/
- ::-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:10px;
- height:10px;
- }
- /*---滚动框背景样式--*/
- ::-webkit-scrollbar-track-piece{
- background-color:#fff;
- -webkit-border-radius:0;
- }
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。