编辑滚动条样式

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/.scroll::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{    width: 10px;  /*滚动条宽度*/    height: 10px;  /*滚动条高度*/}/*定义滚动条轨道 内阴影+圆角*/.scroll::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track{    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);     border-radius: 10px;  /*滚动条的背景区域的圆角*/     background-color: #020733;/*滚动条的背景颜色*/}/*定义滑块 内阴影+圆角*/.scroll::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{    border-radius: 10px;  /*滚动条的圆角*/    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);    background-color: #1a9bea; /*滚动条的背景颜色*/}ie   .scroll{    SCROLLBAR-FACE-COLOR: #1a9bea;    SCROLLBAR-SHADOW-COLOR: #1a9bea;    scrollbar-arrow-color:#1a9bea;    SCROLLBAR-TRACK-COLOR: #020733;}
相关文章
相关标签/搜索