html如何让滚动条变细,谷歌浏览器滚动条变细.html

QQ授权测试

/*---滚动条默认显示样式--*/

::-webkit-scrollbar-thumb{

background-color:#FF5E99;

height:50px;

outline-offset:-2px;

outline:2px solid #fff;

-webkit-border-radius:4px;

border: 2px solid #fff;

}

/*---鼠标点击滚动条显示样式--*/

::-webkit-scrollbar-thumb:hover{

background-color:gray;

height:50px;

-webkit-border-radius:4px;

}

/*---滚动条大小--*/

::-webkit-scrollbar{

width:9px;

height:9px;

}

/*---滚动框背景样式--*/

::-webkit-scrollbar-track-piece{

background-color:#fff;

-webkit-border-radius:0;

}

html{font-size: 62.5%;}

body>p:first-child{

font-size: 2.0rem;

}

body>p:first-child>span{

color: yellow;

font-size: 1.0rem;

}

大家好我是span

我是标题一

我是

我就是...

一键复制

编辑

Web IDE

原始数据

按行查看

历史