如何更改v-stepper的步骤图标大小？

Answer 1

width

、

height

和

font-size

元素的

.v-stepper-item__avatar

似乎会影响相关图标。

对于范围样式，请使用

:deep()

选择器：

<style scoped>
  .v-stepper :deep(.v-stepper-item__avatar) {
    width: 40px !important;
    height: 40px !important;
    font-size: 1rem !important;
  }
</style>

演示