標題重寫為：vuetify select placeholder color 的中文翻譯是 "vuetify 選擇框中的佔位顏色"

Question

我正在嘗試更改vuetify選擇框的佔位符文字顏色。我的嘗試如下：

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

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

但是它不會改變佔位符文字的顏色。我做錯了什麼，我該如何修復？

Answer 1

你需要使用::placeholder選擇器：

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