Modifique el estilo de la etiqueta tr directamente:
<style scope>
/deep/ tr {
background-color: red;
}
</style>
Recuerde agregar scope /deep/ en la etiqueta de estilo
como una pseudoclase para resolver el problema del alcance del estilo CSS, que es muy efectivo para resolver conflictos de estilo entre diferentes componentes.
Cabe señalar que la pseudoclase /deep/ actualmente está obsoleta y se recomienda usar ::v-deep o >>> en su lugar. Por ejemplo:
/* 父组件的样式 */
.parent ::v-deep .child button {
background-color: red;
}
o
/* 父组件的样式 */
.parent >>> .child button {
background-color: red;
}
Además:
se debe tener en cuenta que el uso de la pseudoclase /deep/ también es globalmente efectivo y puede afectar a otros componentes, por lo que debe usarse con precaución en el desarrollo real. Se recomienda usar el selector de nombre de clase para limitar el alcance del estilo.