更改 Vuetify 时间线的颜色答案

【问题标题】：Change color of Vuetify Timeline line更改 Vuetify 时间线的颜色
【发布时间】：2020-01-15 03:22:15
【问题描述】：

我需要更改Vuetify Timeline 行的颜色。目前它是灰色的，如何将其更改为红色？

    <template>
  <v-timeline>
    <v-timeline-item>timeline item</v-timeline-item>
    <v-timeline-item class="text-right">timeline item</v-timeline-item>
    <v-timeline-item>timeline item</v-timeline-item>
  </v-timeline>
</template>

【问题讨论】：

您需要编辑CSS：.v-timeline:before { background-color: red; }

标签： javascript css vue.js vuetify.js timeline

【解决方案1】：

您可以申请以下css。取决于主题，您可以更改.theme--light。

.theme--light.v-timeline:before {
    background: red;
}

Codepen

【讨论】：