修改element-ui的row行样式最快的办法

直接修改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/ 伪类也是全局生效的,可能会对其他组件产生影响,所以在实际开发中需要谨慎使用,建议使用类名选择器来限定样式的作用范围。

猜你喜欢

转载自blog.csdn.net/Xidian2850/article/details/130378705
今日推荐