/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 7px; /*滚动条宽度*/ height: 7px; /*滚动条高度*/ background-color ...
.table class amp ::v deep .el table body wrapper:: webkit scrollbar width: 宽度为 隐藏 width: px .el table body wrapper:: webkit scrollbar thumb border radius: px height: px background: rgba , , , . 滚动条颜色 ...
2021-10-09 17:15 0 1549 推荐指数:
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 7px; /*滚动条宽度*/ height: 7px; /*滚动条高度*/ background-color ...
总会遇到需要修改页面滚动条的需求 如果需要全局修改 就在大文件中添加 需要某个特定的滚动条修改 就在::前加入需要修改的类名 如果前面的修改没有生效 安装了less的话 则加上/deep/ 可以在类名前面添加/deep/ ...
这是一个在VUE中的设置滚动条样式的方法,该方法只适用于Chrome浏览器,亲测在火狐不适用 样式写在 APP.vue 中,可以用在全局,如果只用在那个盒子中,只需要在::前面加上盒子的class名就可以 如果把::-webkit-scrollbar的width和height设置 ...
` /全局滚动条样式/ ::-webkit-scrollbar { width: 5px; height: 14px; } ::-webkit-scrollbar-thumb { background-color: #b6b6b6; } /全局滚动条样式结束/ /* el-table 滚动条 ...
//滚动条的宽度 .your-table .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px; } //滚动条的滑块 .your-table .el-table ...
html <el-table class="table_el" ></el-table> css ...
; } /*chrome滚动条颜色设置*/ *::-webkit-scrollbar {width:7px; ...
需要在table外加一个div(注:修改滚动条样式的内容不支持ie) ...