Skip to content

修改element-ui组件默认样式 #194

@TieMuZhen

Description

@TieMuZhen

我们在使用element-ui的时候经常会需要修改组件默认样式。有的时候element提供的默认的样式不能满足项目的需要,就需要我们队标签的样式进行修改,但是发现修改的样式不起作用

(1)less 和 sass 中都提供了 /deep/ 深度穿透选择器,此时我们依旧可以保留scoped属性而不必担心样式污染。

<style lang="less" scoped>
    /deep/ .el-table--body {}
</style>

(2)vue中提供了深度选择器>>>,但是sass等工具还无法识别他,需要写在单独的style里面

<style scoped>
    // 需要覆盖的样式
    .wrapper >>> .el-table--body {}
</style>
<style lang="less" scoped>
    // 本地样式
</style>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions