如何更改特定div元素的滚动条？

Question

那么，问题是我们如何为某些scrollbar滚动设置自定义div颜色？我接下来尝试，但没有帮助，没有结果：

.message-list__container::-webkit-scrollbar {
    width: 12px;
}

.message-list__container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.message-list__container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

这是有效的，但对于浏览器滚动，不适用于div滚动：

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}