css 修改滚动条样式

.noteClass{ //产生滚动条的 class
    height:500px;
    overflow-x: hidden; 
    overflow-y: scroll; 
    line-height: 30px;
  }
   /*滚动条样式*/
  .noteClass::-webkit-scrollbar { //滚动条的宽度
    width: 4px;    
    /*height: 4px;*/
  }
  /* 上下滚动的滚动条颜色 */
  .noteClass::-webkit-scrollbar-thumb { 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgb(255, 132, 51);;
    background: rgb(255, 132, 51);;
  }
  /* 滚动条的整体背景颜色 */
  .noteClass::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px white;
    border-radius: 0;
    background: white;
  }