CSS3自定翻转条款式 ::webkit

::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;  
}  

::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #FFF;  
}  

::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #AAA;  
}  

:horizontal  
//horizontal伪类可用于任何水平方位上的翻转条  
  
:vertical  
//vertical伪类可用于任何竖直方位的翻转条  
  
:decrement  
//decrement伪类可用于按钮和路轨碎片。表明下降的按钮或路轨碎片，比如可使地区向上或向右挪动的地区和按钮  
  
:increment  
//increment伪类可用于按钮和路轨碎片。表明递增的按钮或路轨碎片，比如可使地区向下或向左挪动的地区和按钮  
  
:start  
//start伪类可用于按钮和路轨碎片。表明目标（按钮 路轨碎片）是不是放在滑块的前面  
  
:end  
//end伪类可用于按钮和路轨碎片。表明目标（按钮 路轨碎片）是不是放在滑块的后边  
  
:double-button  
//double-button伪类可用于按钮和路轨碎片。分辨路轨完毕的部位是不是是1对按钮。也便是路轨碎片紧挨着1对在1起的按钮。  
  
:single-button  
//single-button伪类可用于按钮和路轨碎片。分辨路轨完毕的部位是不是是1个按钮。也便是路轨碎片紧挨着1个独立的按钮。  
  
:no-button  
no-button伪类表明路轨完毕的部位沒有按钮。  
  
:corner-present  
//corner-present伪类表明翻转条的角落是不是存在。  
  
:window-inactive  
//可用于全部翻转条，表明包括翻转条的地区，聚焦点不在该对话框的情况下。  
  
::-webkit-scrollbar-track-piece:start {  
/翻转条上半边或左半边/  
}  
  
::-webkit-scrollbar-thumb:window-inactive {  
/当聚焦点不在当今地区滑块的情况/  
}  
  
::-webkit-scrollbar-button:horizontal:decrement:hover {  
/当电脑鼠标在水平翻转条下面的按钮上的情况/  
}