tr タグのスタイルを直接変更します。
<style scope>
/deep/ tr {
background-color: red;
}
</style>
CSS スタイル スコープの問題を解決するには、疑似クラスとして style タグにスコープ /deep/ を追加することを忘れないでください。これは、異なるコンポーネント間のスタイルの競合を解決するのに非常に効果的です。
/deep/ 疑似クラスは現在非推奨となっており、代わりに ::v-deep または >>> を使用することをお勧めします。例えば:
/* 父组件的样式 */
.parent ::v-deep .child button {
background-color: red;
}
また
/* 父组件的样式 */
.parent >>> .child button {
background-color: red;
}
さらに:
/deep/ 疑似クラスの使用もグローバルに効果的であり、他のコンポーネントに影響を与える可能性があるため、実際の開発では注意して使用する必要があることに注意してください。スタイルの範囲を制限します。