如何修改Vuetify Select组件的placeholder文本颜色

• 你使用的.v-text-field--placeholder选择器不存在，Vuetify的v-select组件的placeholder文本实际由内部input元素的::placeholder伪元素承载，未命中目标元素导致样式不生效
• 如果你在Vue单文件组件的<style scoped>块内编写样式，未添加深度选择器的情况下，样式无法渗透到v-select子组件内部，也会导致样式不生效

通用非scoped全局样式 #

直接编写如下样式即可生效：

.v-select input::placeholder {
  color: green;
}

Vue单文件组件scoped样式 #

根据你使用的Vue版本选择对应深度选择器写法：

Vue2 写法 #

/deep/ .v-select input::placeholder {
  color: green;
}

Vue3 写法 #

:deep(.v-select input::placeholder) {
  color: green;
}

不需要额外加!important，只要选择器优先级正确即可生效，如果存在其他全局样式覆盖的情况再按需添加

内容的提问来源于stack exchange，提问作者user9283041