CSS设置滚动样式, 鼠标离开时滚动条隐藏_css 获取焦点显示滚动条,失去焦点隐藏滚动条

CSS样式代码

css设置滚动条透明的方法是，给滚动条添加样式【::-webkit-scrollbar {height: 0;width: 0;color: transparent;}】就可以了。

操作环境

windows10系统、css 3、thinkpad t480电脑。

CSS设置滚动样式代码

body:hover{
    overflow:scroll;
}

::-webkit-scrollbar 
{
    width: 20px !important;
}

::-webkit-scrollbar-thumb 
{
    border-radius: 10px;
    border-style: dashed;
    border-color: transparent;
    border-width: 3px;
    background-clip: padding-box;
    background-color: rgba(157, 165, 183, 0.5);
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20