vuetify select placeholder color

Question

I am trying to change placeholder text color of vuetify select box. My attempt is as below.

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

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

But it will not change the placeholder text color. Where I was get wrong and how can I fix it?

Answer 1

You need to use the ::placeholder selector:

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