为任何div定制滚动条设计，但不为身体定制滚动条设计

Question

我想自定义滚动条设计。但它也改变了身体中的滚动条。我只想选择div。我该怎么办？

Answer 1

您可以在定义CSS上的滚动条样式之前添加一个类。

/* Scrollbars */
.custom-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.custom-scroll::-webkit-scrollbar-track {
    background-color: #E0E0E0;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #8B8B8B;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #C40030;
}
.custom-scroll * {
    scrollbar-face-color: #8b8b8b;
    scrollbar-track-color: #e0e0e0;
    scrollbar-shadow-color: #C40030;
}
/* END Scrollbars */

https://jsfiddle.net/oLh66xut/1/