正在尝试将滚动条更改为箭头！无引导程序请

/* 隐藏默认滚动条 */
::-webkit-scrollbar {
  display: none;
}

/* 自定义滚动条样式 */
.scrollbar {
  width: 10px;
  background-color: #f1f1f1;
  position: relative;
}

/* 自定义滑块样式 */
.scrollbar-thumb {
  width: 10px;
  background-color: #888;
  position: absolute;
  top: 0;
  transition: background-color 0.3s ease-in-out;
}

/* 自定义箭头样式 */
.scrollbar-arrow {
  width: 10px;
  height: 10px;
  background-color: #888;
  position: absolute;
  top: 0;
  transition: background-color 0.3s ease-in-out;
}

/* 鼠标悬停时改变箭头颜色 */
.scrollbar:hover .scrollbar-arrow {
  background-color: #555;
}

/* 鼠标悬停时改变滑块颜色 */
.scrollbar:hover .scrollbar-thumb {
  background-color: #555;
}