1.设置表格透明背景后,清除表格下边框线 .el-table th.el-table__cell, .el-table tr, .el-table, .el-table__expanded-cell { background-color: transparent; } .el-table::before { width: 0; } 2.列表出现纵向滚动条后,隐藏最右侧的空白列 .el-table th.gutter { display: none; width: 0; ...
el-table__body-wrapper::-webkit-scrollbar { width: 10px; } // 设置滚动条的背景色和圆角 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: pink; border-radius: 8px; } 修改后的滚动条样式编辑于 2023-12-07 13:26・IP 属地未知...
.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb { opacity: 1; // 默认滚动条自带透明度 height: 8px; // 横向滑块的宽度 border-radius: 2px; // 圆角度数 background-color: rgba(136, 219, 255, 1); // 滑块背景色 box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); // 滑块阴影 }...
.el-table__body-wrapper::-webkit-scrollbar { display: block; width: 16px;/*滚动条宽度*/height: 16px;/*滚动条高度*/}/*定义滚动条轨道 内阴影+圆角*/.el-table__body-wrapper::-webkit-scrollbar-track { box-shadow: 0px 1px 3px #292c34 inset;/*滚动条的背景区域的内阴影*///border-rad...
(--el-color-primary-light-4);// 滑块背景色// box-shadow:0 0 6px rgba(0, 0, 0, 0.15);// 滑块阴影}// 纵向滚动条.el-scrollbar__bar.is-vertical .el-scrollbar__thumb{// opacity:1;width:8px;// 纵向滑块的宽度// border-radius:2px;// background-color:rgba(136, 219, 255, 1...
important; // z-index: 2 !important; } 解决滚动行设置背景色后吐出来的颜色 js tableFooterRef.addEventListener('scroll', () => { const left = tableFooterRef.scrollLeft this.$refs.tableRef.$refs.bodyWrapper.scrollLeft = left }) ©著作权归作者所有,转载或内容合作请联系作者 0人点赞 日记...
} .el-table, .el-table__expanded-cell { background-color: transparent; } .el-table th, .el-table tr { background-color: transparent; } /*chrome滚动条颜色设置*/ /* *::-webkit-scrollbar {width:7px; height:10px; background-color:transparent;} 定义滚动条高宽及背景 高宽分别对应横竖滚...
上述样式代码中,`::-webkit-scrollbar`选择器用于设置滚动条的宽度,`::-webkit-scrollbar-thumb`用于设置滚动条的轨迹(滑块)的样式,`::-webkit-scrollbar-track`用于设置滚动条的背景轨迹的样式。你可以根据自己的需要修改这些样式。 请注意,上述示例使用了`scoped`,这意味着样式只作用于当前组件。如果你希望全局...
这段代码中,我们首先选中了.el-table__body-wrapper元素,在它上面定义了横向滚动条。其中,-webkit-scrollbar表示Webkit浏览器下的滚动条样式,height属性定义了横向滚动条的高度,也可以通过width属性定义宽度。background-color表示横向滚动条的背景颜色。 接下来,我们定义了::-webkit-scrollbar-thumb以及其它相关样式,实...