基础样式之vue-antdesign中改变滚动条样式/deep/.ant-table-body{
&::-webkit-scrollbar {//整体样式
height: 10px;
}
&::-webkit-scrollbar-thumb {//滑动滑块条样式
border-radius: 4px;
-webkit-box-shadow: inset 00 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;
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。