2019-10-11滚动条样式

10.11 滚动条样式

/* 定义滚动条样式 */

::-webkit-scrollbar {

  width: 6px;

  height: 6px;

  background-color: rgba(240, 240, 240, 1);

}

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

::-webkit-scrollbar-track {

  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);

  border-radius: 10px;

  background-color: rgba(240, 240, 240, .5);

}

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

::-webkit-scrollbar-thumb {

  border-radius: 10px;

  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);

  background-color: rgba(240, 240, 240, .5);

}