CSS选中和滚动条样式

::selection {
    background: #000; 
    color: #fff;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
  width: 6px;  /*滚动条宽度 y滚动条*/
  height: 6px;  /*滚动条高度 x滚动条*/
}
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
  /*滚动条的背景区域的内阴影*/
  // box-shadow: 0px 1px 3px rgba(0,0,0,0.3) inset;

  /*滚动条的背景区域的圆角*/
  border-radius: 8px;  

  /*滚动条的背景颜色*/
  background-color: rgba(255, 255, 255, 0);
}  

/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
  /*滚动条的内阴影*/
  // box-shadow: 0px 1px 3px rgba(0,0,0,0.3) inset;

  /*滚动条的圆角*/
  border-radius: 8px;  

  /*滚动条的背景颜色*/
  background-color: #afafaf4d;
}