因需要项目对element的table滚动条的样式进行修改,解决后记录下来方便日后复习
.el-table {
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 8px; /*滚动条宽度*/
height: 1px; /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
box-shadow: 0px 1px 3px rgba(red, green, blue, 0) inset; /*滚动条的背景区域的内阴影*/
border-radius: 10px; /*滚动条的背景区域的圆角*/
background-color: rgba(red, green, blue, 0); /*滚动条的背景颜色*/
}
/*定义滑块 内阴影+圆角*/
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
box-shadow: 0px 1px 3px rgba(red, green, blue, 0) inset; /*滚动条的内阴影*/
border-radius: 10px; /*滚动条的圆角*/
background-color: rgba(0, 0, 0, 0.15); /*滚动条的背景颜色*/
}
}