Javascript 如何更改Vue中v-text-Field占位符的字体颜色？

我有

但它不起作用。

在

v-text-field

内是一个

输入

，如下所示：

---

谁能指出我哪里做错了？谢谢大家!

您可以像这样更改占位符颜色：

newvue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据：{
搜索：“”
}
})

.theme--light.v-input.search-field输入：：占位符{
颜色：绿色；
}

字体大小还是颜色？尝试在

红色

和

之间留出一个空格！重要信息

。艾德：好的，我只是检查了一下空间，没关系。尽管使用浏览器的开发工具来检查元素上的样式，但仍然看起来更好。很可能，Vuetify为占位符样式颜色提供了更具体的选择器。我试过了，但没用。它是werid，我试过了，它在Codepen中工作，但在我的代码中不工作。

<v-text-field hide-details class="search-field" id="name-input" placeholder="Search by name" v-model="search"></v-text-field>

  .search-field input::placeholder{
    color: red!important;
  }