改变浏览器滚动条样式

html,

body {

  overflow-y: auto;

  /* 滚动条 */

  ::-webkit-scrollbar {

    width: 10px;

    height: 10px;

    background-color: #eff3f5;

  }

  /*定义滚动条轨道 内阴影+圆角*/

  ::-webkit-scrollbar-track {

    border-radius: 5px;

    background-color: #eff3f5;

  }

  /*定义滑块 内阴影+圆角*/

  ::-webkit-scrollbar-thumb {

    border-radius: 5px;

    background-color: #d8dce0;

    // background-image: linear-gradient(25deg, #3c1b5a, #516470, #52ad84, #27fb96);

    // background-image: linear-gradient(258deg, #3b1a66, #424988, #3d76ac, #1ba4d1);

    // background-image: linear-gradient(25deg, #feb84f, #f2d045, #e3e837, #d1fe22);

  }

  /* Handle on hover */

  ::-webkit-scrollbar-thumb:hover {

    cursor: pointer;

    background: #d8dce0;

  }

  /deep/.ant-calendar-picker {

    width: 267px;

  }

}