向自定义水平滚动条添加箭头/HTML

我为我的chartjs图形设计了一个水平滚动条，并尝试使用材质图标添加箭头：

keyboard\u arrow\u left

，但我似乎无法让它与滚动条的左右对齐。最简单的方法是什么

---

如果滚动条和图表是同一个容器，那么我猜您可以尝试将图表和箭头包装在一个整体

div

中，添加到此

div

样式

位置：相对
和每个箭头
位置：绝对；底部：0；右/左：0
您还可以向箭头添加
z-index:1
，以避免重叠。
唯一的问题是当您调整屏幕大小时，箭头会放错位置