vue.js - How can I remove shadow from the md-steppers tag in vue-material?

Question

When I create a stepper with vue-material, it automatically adds a class called md-steppers-navigation that adds a box-shadow to each. I would like to remove that, do you know how should I proceed?

Answer 1

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

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

/deep/ 这里会将设置推送到 steppers 组件中，在该组件中创建导航 DOM 元素。