bug1 — 修改滚动条样式
.style {
height: 100px;
overflow: auto;
}
/* 修改滚动条样式 */
.scroll::-webkit-scrollbar {
width: 3px;
/*设置滚动条的宽度*/
}
/* 滚动区域的样式 */
.scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
/*设置滚动条的圆角*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
/*设置内阴影*/
background: rgb(81, 193, 238, 0.2);
/*设置滚动条的颜色*/
}
/* 滚动条的背景样式 */
.scroll::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
border-radius: 0;
}
bug2 — 修改表格的border
/deep/.el-table {
border: 0;
th,
tr,
td {
border: 0;
background-color: #fff;
}
&::before {
height: 0px;
}
&::after {
width: 0;
}
.el-table__fixed:before {
height: 0;
}
}