VuetifyJS：如何摆脱v-stepper组件高程？

Question

在Vuetify中使用v-stepper组件时，边缘上会出现默认的边框，如形状：

我要删除它。我试图将elevation设置为0，但是没有用。

<v-stepper v-model="e1" class="elevation-{0}">

Codepen

如何实现？

Answer 1

只需放置以下内容

<v-stepper v-model="e1" class="elevation-0">

Answer 2

不是elevation-{0}，而是elevation-0。
海拔docs：

  

您可以使用类elevation-{n}来设置元素的高程，其中n是0-24之间与所需高程相对应的整数。

所以实际上您也需要删除括号。
应该清楚，因为据我所知您can't use parentheses in class names。

Answer 3

添加一些CSS作品（至少使用笔）：

.v-stepper__header {
  box-shadow: none;
}