hover改变滚动条的宽度

::-webkit-scrollbar{
    height: 10px;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 14px;
    border-style: dashed;
    border-color: transparent;
    border-width: 2px;
    background-color: #dadee8;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background: #dadee8;
}

::-webkit-scrollbar{
    height: 10px;
    width: 10px;
}
// 设置滚动条的宽度

::-webkit-scrollbar-thumb {
    border-radius: 14px;
    border-style: dashed;
    border-color: transparent;
    border-width: 2px;
    background-color: #dadee8;
    background-clip: padding-box;
}
//设置滚动条border 宽度
//background-clip: padding-box;

//background-clip 默认值是border-box 指背景会涉及到padding 和border

//background-clip: padding-box; 背景只涉及到padding

::-webkit-scrollbar-thumb:hover {
    background: #dadee8;
}
//background 直接设置 background-clip 取默认值 border-box