jquery - 数据表上的滚动条样式

如何使用Webkit设置特定数据表的样式栏。这是代码：

    id ::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
    }
    id::-webkit-scrollbar {
        width: 13px;
    }
    id::-webkit-scrollbar-thumb {
    border-radius: 5px;
    height:40%;
    background-color: #999999;

但是这种风格改变了我整个项目中整个数据表的滚动条。我已经上过一堂课，但还是没用。

请帮忙

最佳答案

DataTables在tbody处使用dataTables_scrollBody类，因此您可以这样设置样式：

<style type="text/css">
.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #777;
    border-radius: 10px;
}

关于jquery - 数据表上的滚动条样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40670640/