Css 如何更改v文本字段内的占位符/标签颜色？

我试图更改用户在

v-text-field

上输入的标签和文本的颜色。我已经尝试将

颜色

道具应用到它，但它只会更改底部分隔器的颜色。我该怎么做才能得到我想要的

这是我的实际代码：

<v-text-field label="Search here!" color="blue lighten-1">
    <template slot="append">
        <v-btn class="blue--text text--lighten-1" flat>
            <v-icon>search</v-icon>
        </v-btn>
    </template>
</v-text-field>

搜索

注意：我删除了一些道具作为

v-model

one，只是为了增加可读性

这是我得到的实际结果。但我想得到的是“查找用户”文本始终使用相同的

blue lighte-1

材质设计颜色（不仅是在没有输入文本时），以及相同颜色的输入文本（不是黑色）

---

谢谢！：）

您可以覆盖CSS默认类：

.custom-placeholer-color input::placeholder {
  color: red!important;
  opacity: 1;
}

.custom-label-color .v-label {
  color: red;
  opacity: 1;
}

[编辑]

您可以更改输入颜色，使文本为红色/任何其他颜色：

.custom-placeholer-color input,
.custom-label-color input{
  color: red!important;
}

代码笔更新如下：

---

非常感谢！我可以使用您提供的代码笔更改占位符和标签颜色：），但仍然无法更改写入文本字段中的文本的颜色；它一直是黑色的。知道如何更改吗？当然，您可以使用自定义类和输入来更改颜色。我已经更新了密码笔。非常感谢！这真的很神奇。同样，我无法让它工作，因为我把CSS放在一个

标记中，而不是一个普通的

标记中。我不知道为什么会发生这种情况，但我想只为模板使用类名应该可以做到这一点。谢谢：）