在 v-text-field 上永久显示颜色

Question

我想使用文本文本字段的颜色来显示其当前的 state，但 v-text-field 仅在聚焦时才显示颜色。 有没有办法永久显示？

提前致谢。

我想要这样：

但它是这样的：

我曾尝试使用 css，但似乎我只能更改 label 和输入插槽：

.edited >>> .v-text-field__slot input { 
   color: orange;
}

Answer 1

下面的行通过v-input__slot上的伪元素表示。 您可以使用:before选择器来定位它。

.edited >>> .v-input__slot:before {
  border-color: orange;
}