滚动条样式

如图所示：

css样式：

  ::-webkit-scrollbar {
    width: 10px !important;
    height: 8px !important;
    background-color: #515a6e !important;
    -webkit-transition: background-color 0.3s ease-in-out !important;
    transition: background-color 0.3s ease-in-out !important;
  }
  ::-webkit-scrollbar:hover {
    background-color: #d1d1d1 !important;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #dcdfe6 !important;
    height: 50px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    border-right: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    -webkit-transition: background-color 0.3s ease-in-out !important;
    transition: background-color 0.3s ease-in-out !important;
  }
  ::-webkit-scrollbar-thumb:hover,
  ::-webkit-scrollbar-thumb:active {
    background-color: rgba(23, 35, 61, 0.8) !important;
    border-right: 1px solid #f1f1f1 !important;
    border-left: 1px solid #f1f1f1 !important;
  }
  ::-webkit-scrollbar-track {
    background-color: #fff !important;
  }
  ::-webkit-scrollbar-track:hover {
    background-color: #fff !important;
  }