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

Question

我想用text text filed的颜色来显示它的当前状态，但是v-text-field只有在它被聚焦时才会显示颜色。 有办法永久显示吗？

提前致谢。

我想要这样：

但是是这样的:

我试过使用css，但似乎我只能更改标签和输入槽：

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

Answer 1

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

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