::-webkit-scrollbar { width: 5px; //对垂直流动条有效 height: 10px; //对水平流动条有效 } //定义滚动条的轨道颜色、内阴影及圆角 ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: transparent; border-radius: 100px; } //定义滑块颜色、内阴影及圆角 ::-webkit-scrollbar-thumb{ border-radius: 100px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #0D9FE3; } //定义两端按钮的样式 ::-webkit-scrollbar-button { background-color:transparent; } //定义右下角汇合处的样式 ::-webkit-scrollbar-corner { background:khaki; }