如何修改el-table的样式

  • Z时代
  • 2024-02-17
  • 分类：IT

如图，如何将默认的selection的打勾的样式图1，修改成图2的样式
图1：如何修改el-table的样式
图2 ：如何修改el-table的样式

回答：

如果只是争对某一个页面的这个复选框进行修改样式的话，就写在组件里面的style，并且在scoped，因为加了scoped，我们修改element ui默认样式需要加上前缀/deep/，避免影响其他组件的样式。

<style scoped>
/deep/.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #fff;
    border-color: #ddd;
}
/deep/.el-checkbox__inner:after {
    border-color: #409eff;
}
</style>

如果你想要修改全局的复选框样式，那么就直接写在全局样式表里， 无需加deep前缀。

回答：

查看该元素类名，直接覆盖样式，如果要全局生效不要加scope，或单独写一个css引入，如果只是组件内覆盖就scope + /deep/

以上是 如何修改el-table的样式 的全部内容， 来源链接： utcz.com/p/936668.html

回到顶部