.p_scroll .vline { width:100%; border-top-width:1px; border-top-style:solid; border-top-color:#F0F0F0; opacity:1; position:absolute; top:50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%) } .p_scroll .scrolling { width:77px; height:25px; border:1px solid #BABABB; background:-webkit-linear-gradient(#fff,#F2F2F3); background:-o-linear-gradient(#fff,#F2F2F3); background:-moz-linear-gradient(#fff,#F2F2F3); background:linear-gradient(#fff,#F2F2F3); border-radius:6px; position:relative; left:50%; text-align:center; font-size:15px; box-shadow:0 0 10px #fff inset,0 1px 1px rgba(0,0,0,.1); color:#AAA; cursor:pointer } .p_scroll .scrolling:hover { border:1px solid #BABABB; background:-webkit-linear-gradient(#fff,#F7F7F8); background:-o-linear-gradient(#fff,#F7F7F8); background:-moz-linear-gradient(#fff,#F7F7F8); background:linear-gradient(#fff,#F7F7F8) } .p_scroll .scrolling:active { border:1px solid #BABABB; background:-webkit-linear-gradient(#fff,#E4E4E4); background:-o-linear-gradient(#fff,#E4E4E4); background:-moz-linear-gradient(#fff,#E4E4E4); background:linear-gradient(#fff,#E4E4E4); box-shadow:0 0 10px #fff inset,0 1px 2px rgba(0,0,0,.1) } /*滚动条整体*/::-webkit-scrollbar { width:5px; /*滚动条宽度*/ } /*滚动条按钮*/::-webkit-scrollbar-button { }::-webkit-scrollbar-track { background-color:#2e3659; /*滑道全部*/ } ::-webkit-scrollbar-track-piece { background-color:#9a9a9a; /*滑道*/ -webkit-border-radius:4px; /*滑道圆角宽度*/ } ::-webkit-scrollbar-thumb { background-color:#d0d0d0; /*滑动条表面*/ border-radius:4px; /*滑动条圆角宽度*/ } /*鼠标滑过滑动条*/::-webkit-scrollbar-thumb:hover { background-color:#F3F3E0; }