滚动条样式修改

//谷歌内核
         ::-webkit-scrollbar-track-piece {
            background-color: #fff;
            -webkit-border-radius: 0;
        }
        
         ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        
         ::-webkit-scrollbar-thumb {
            height: 50px;
            background-color: #eeeeee;
            -webkit-border-radius: 6px;
            outline: 2px solid #fff;
            outline-offset: -2px;
            border: 2px solid #fff;
        }
        
         ::-webkit-scrollbar-thumb:hover {
            height: 50px;
            background-color: #286090;
            -webkit-border-radius: 4px;
        }




IE
/*chrom*/
::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  outline: 2px solid #fff;
  outline-offset: -2px;
  border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #286090;
  -webkit-border-radius: 4px;
}
/*IE*/
.myiframe {
  scrollbar-arrow-color: #fff;
  scrollbar-face-color: #3580bc;
  scrollbar-3dlight-color: #666;
  scrollbar-highlight-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-base-color: #3580bc;
}