VuetifyJS: как избавиться от возвышения v-степпера?

Question

При использовании компонента v-stepper в Vuetify по краям появляется форма по умолчанию, похожая на фигуру:

Я хочу удалить это.Я попытался установить elevation на 0, но это не сработало.

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

Codepen

Как этого добиться?

Answer 1

Не elevation-{0}, но elevation-0.
Высота документы :

Вы можете установить высоту элемента, используя класс elevation-{n}, где n - это целое число в диапазоне от 0 до 24, соответствующее желаемой отметке.

Так что на самом деле вам также необходимо удалить скобки.
Должно быть ясно, потому что вы не можете использовать скобкив именах классов насколько я знаю.

Answer 2

Добавление некоторых работ CSS (по крайней мере, с вашей ручкой):

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