CSS 滚动条样式

修改滚动条样式

// 滚动条整体样式
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #fbe5e7;
  border-radius: 8px;
}
// 滚动条滑块样式
::-webkit-scrollbar-thumb {
  background-color: #d7000f;
  border-radius: 8px;
}
// 滚动条内滑轨样式
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(172, 44, 44, 0.3);
    border-radius:8px;
    background-color:#fbe5e7;
}

效果如下：