Javascript 我可以自定义滚动条的水平位置吗？

我正在使用一个表组件。内容的高度大于表的高度。所以我需要一个滚动条

但是表组件来自一个开源框架ant design。所以我不能直接修改代码

在下图中，我想将滚动条移动到表格中，也就是说，将滚动条向左移动一点

::-webkit-scrollbar {
    position: relative;
    left:-10px;
}

我使用了属性

position

。 但它不起作用。搜索谷歌也没有

下面是codepen的代码示例： 那么，将滚动条向左移动一点的解决方案是什么呢？

/*宽度*/
：-webkit滚动条{
宽度：10px；
}
/*跟踪*/
：-webkit滚动条轨迹{
长方体阴影：嵌入0 5px灰色；
边界半径：10px；
}
/*处理*/
：-webkit滚动条拇指{
背景：灰色；
边界半径：10px；
}
.list_容器{
溢出：自动；
高度：50px；
宽度：40px；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12

@Ari我发现我也不能覆盖颜色样式。你为什么不使用表溢出并像这样设置它的样式

表：：-webkit scrollbar

？@A.Chao你可以设置颜色的样式

：-webkit scrollbar thumb{background color:#b4d143；}

@coops她还必须给它一个

：-webkit scrollbar thumb:hover{背景色：蓝色；}

您好，谢谢您的回答，您能自定义滚动条的水平位置吗？在本例中，我将该位置添加到您的代码中。它不起作用。@xmastertje您到底想要什么？如果您想让滚动条在表格中生成表格，那么我可以进一步帮助您。是的。非常感谢。它忽略了表格的布局太远了和div不同。我需要关注这个。再次感谢。在关注这个问题太久之后，我几乎失去了判断力。