数据表上的滚动条样式

Question

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

    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;

但这种风格改变了整个项目中整个数据表的滚动条。我已经尝试过上课，但仍然不起作用。

请帮忙

Answer 1

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;
}