如何在vue-material中删除md-steppers标记中的阴影？

Question

当我使用vue-material创建一个stepper时，它会自动添加一个名为md-steppers-navigation的类，这个类会为每个stepper添加一个长方体阴影。我想删除它，你知道我应该怎么做吗？

Answer 1

如果您使用的是单个文件组件，请在具有<md-steppers>的.vue文件中添加此CSS块。

<style lang="scss" scoped>
    .md-steppers /deep/ .md-steppers-navigation {
        box-shadow: none;
    }
</style>

/deep/此处将把设置下推到steppers组件中，在该组件中创建导航DOM元素。