//1, el ancho de la barra de desplazamiento
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
ancho: 6px; // barra de desplazamiento horizontal
altura: 6px; // Requerido para la barra de desplazamiento vertical
}
// 2. Definir la sombra interior + esquina redondeada de la pista de la barra de desplazamiento
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
box-shadow: 0px 1px 3px #071e4a recuadro; /*La sombra interior del área de fondo de la barra de desplazamiento*/
border-radius: 6px; /*Las esquinas redondeadas del área de fondo de la barra de desplazamiento*/
background-color: #071e4a; /*El color de fondo de la barra de desplazamiento*/
}
// 3. Definir la sombra interior del control deslizante + esquinas redondeadas
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
box-shadow: 0px 1px 3px #00a0e9 inset; /*La sombra interior de la barra de desplazamiento*/
border-radius: 10px; /*La esquina redondeada de la barra de desplazamiento*/
background-color: #00a0e9; /*El color de fondo de la barra de desplazamiento*/
}
// 4. Un pequeño espacio en blanco detrás del encabezado
/profundo/ .el-table__cell.gutter {
background: rgba(0, 143, 255, 0.5); // modifica el color del pequeño espacio en blanco detrás del encabezado
}
Ajuste de acuerdo con el color de filete de ancho y alto