Javascript Vuetify.js:v-stepper中的颜色属性在Gitlab上部署时不生效。如何将颜色道具移动到CSS类？

使用Vuetify.js组件，我可以使用

color

prop更改

v-stepper-step

的颜色：

<v-stepper-step :complete="e1 > 2" color="red" step="2">Name of step 2</v-stepper-step>

这就是为什么我尝试使用类来代替：

<v-stepper-step :complete="e1 > 1" step="1" class="step-number">Name of step 1</v-stepper-step>

我这样做是希望在CSS类中操作颜色道具，并再次部署到Gitlab上以查看输出，但是这甚至在本地也不起作用

如何克服这个问题

.

CSS

color

用于设置文本样式。它不同于vue属性

颜色

您可以使用（）：

---

您必须针对正确的元素：

.v-stepper\uuuu step\uuu step{背景颜色：红色！重要；边框颜色：红色！重要；}

。但是等等，我注意到，当我为生产构建大型vuetify项目时，有些样式不适合我。所以我认为这不是特定于

颜色
道具的。我已经几个月没有注意到我的一些vuetify css在生产构建中工作（但在本地工作），这是我看到的第一篇有类似问题的帖子。我问了社区，但没有回应。所以我不确定什么是真正的解决办法。（但也许我疯了。）很高兴听到我不是一个人：）我实际上把这当作一个bug@traxo，但要明确的是，当你用
npm run build
（或者纱线，或者其他任何用于制作的替代命令）构建它时，它不起作用？你试过不同的服务器吗？我用的是
warn
还是
npm
。。。我们只在Gitlab上部署（因为它的成本）@billabegueradj如果您使用的是作用域样式，它将不起作用。
<v-stepper-step :complete="e1 > 1" step="1" class="step-number">Name of step 1</v-stepper-step>

.step-number {
  background-color: yellow;
  color: red;
}

.step-number > .v-stepper__step__step{
  background-color: red !important;
  border-color: red !important;
}