CSS自定义滚动条样式，与IE浏览器兼容

经常写页面的学生知道浏览器附带的滚动条样式通常非常丑陋，与页面样式不兼容div滚动条样式 兼容，因此他们想知道是否可以更改原始滚动条样式？但实际上div滚动条样式 兼容，其他浏览器与IE浏览器不同，导致兼容性差.

div{
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: #134187;
  /*滚动条整体颜色*/
  scrollbar-highlight-color: #134187;
  /*滚动条轨道颜色*/
  scrollbar-track-color: #011433;
}
/*滚动条整体部分,必须要设置*/
::-webkit-scrollbar{
  background-color: #011433;
  width:10px;
  height:10px;
}
/*滚动条的轨道*/
::-webkit-scrollbar-track{
  background-color: #011433;
  border-radius: 10px;
}
/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background-color: #134087;
}

在编写样式之前，让我们看一下IE浏览器滚动条样式设置位置的参考图:

样式修改代码:

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-288992-1.html