要修改elementUI组件的样式,可以采用以下两种方式
1. 全局样式
通过选择权重覆盖elementUI组件的样式,如修改复选框为圆角:
<style>
.edit-item .el-checkbox__inner {
border-radius: 50%;
}
</style>
但这种方式为全局样式,会影响页面中所有复选框,如果不希望影响其它页面的样式,可以采用第二中方式
2. 局部样式
要修改elementUI组件的样式,可以采用以下两种方式
1. 全局样式
通过选择权重覆盖elementUI组件的样式,如修改复选框为圆角:
<style>
.edit-item .el-checkbox__inner {
border-radius: 50%;
}
</style>
但这种方式为全局样式,会影响页面中所有复选框,如果不希望影响其它页面的样式,可以采用第二中方式
2. 局部样式