The title is rewritten as: The Chinese translation of vuetify select placeholder color is "vuetify placeholder color in the select box"

Question

I'm trying to change the placeholder text color of a vuetify select box. Here's what I tried:

<v-select
  :items="items"
   placeholder="place"
   dense>
</v-select>

.v-text-field--placeholder {
   color: green !important;
 }

But it does not change the color of the placeholder text. What did I do wrong and how do I fix it?

Answer 1

You need to use ::placeholderSelector:

.v-text-field input::placeholder {
    color: green;
}