2023年6月20日发(作者：)

基础样式之vue-antdesign中改变滚动条样式/deep/.ant-table-body{ &::-webkit-scrollbar {//整体样式 height: 10px; } &::-webkit-scrollbar-thumb {//滑动滑块条样式 border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); // background: #00aaff; background: #d6e9fa; } &::-webkit-scrollbar-track {//轨道的样式 -webkit-box-shadow: 0; border-radius: 0; background: #f6f8ff; } }想要单独给某个定义的话：在设置scroll的类上ant-table-body更换⾃⼰的类⽐如： /deep/.showShucai{ &::-webkit-scrollbar {//整体样式 height: 10px; } &::-webkit-scrollbar-thumb {//滑动滑块条样式 border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); // background: #00aaff; background: #d6e9fa; } &::-webkit-scrollbar-track {//轨道的样式 -webkit-box-shadow: 0; border-radius: 0; background: #f6f8ff; } }　　

2023年6月20日发(作者：)

基础样式之vue-antdesign中改变滚动条样式/deep/.ant-table-body{ &::-webkit-scrollbar {//整体样式 height: 10px; } &::-webkit-scrollbar-thumb {//滑动滑块条样式 border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); // background: #00aaff; background: #d6e9fa; } &::-webkit-scrollbar-track {//轨道的样式 -webkit-box-shadow: 0; border-radius: 0; background: #f6f8ff; } }想要单独给某个定义的话：在设置scroll的类上ant-table-body更换⾃⼰的类⽐如： /deep/.showShucai{ &::-webkit-scrollbar {//整体样式 height: 10px; } &::-webkit-scrollbar-thumb {//滑动滑块条样式 border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); // background: #00aaff; background: #d6e9fa; } &::-webkit-scrollbar-track {//轨道的样式 -webkit-box-shadow: 0; border-radius: 0; background: #f6f8ff; } }