设置背景颜色 vuetify 文本字段

Question

我有一个代码笔 https://codepen.io/handy29/pen/yLLwjGg，我希望该文本字段具有背景颜色 #EAEAEA。但是正如你在我的代码笔中看到的那样，有一点白色，我的问题是如何将这个白色替换为 #EAEAEA？我想我可以使用插入的背景颜色，例如：

#padding-phone .v-input__slot {
/* background: #EAEAEA; */
--padding: 10px;
box-shadow: inset 0 0 0 var(--padding) #EAEAEA;
}
#padding-phone .v-text-field__slot {
background: #EAEAEA;
}

它没有用。我该怎么办？

Answer 1

使用背景颜色而不是框阴影怎么样？它似乎在您的代码笔上工作正常

#padding-phone .v-input__slot {
--padding: 10px;
background: #EAEAEA !important;
}
#padding-phone .v-text-field__slot {
background: #EAEAEA;
}

Answer 2

只需将 css 标签调整为

#padding-phone .v-text-field__slot {
background-color: #EAEAEA;
}