直接修改tr标签的样式:
<style scope>
/deep/ tr {
background-color: red;
}
</style>
记得在style标签中加scope
/deep/ 是伪类,来解决 CSS 样式作用域的问题,用来解决不同组件之间的样式冲突很有效
需要注意的是,/deep/ 伪类目前已经被废弃了,推荐使用 ::v-deep 或者 >>> 代替。例如:
/* 父组件的样式 */
.parent ::v-deep .child button {
background-color: red;
}
或者
/* 父组件的样式 */
.parent >>> .child button {
background-color: red;
}
另外:
需要注意的是,使用 /deep/ 伪类也是全局生效的,可能会对其他组件产生影响,所以在实际开发中需要谨慎使用,建议使用类名选择器来限定样式的作用范围。