设置背景颜色vuetify文本字段

Question

我有一个codepen https://codepen.io/handy29/pen/yLLwjGg和我想要的文本字段有背景颜色#EAEAEA。但正如你在我的codepen中看到的，有一种小白色，我的问题是如何将这种小白色替换为#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

用背景色代替长方体阴影怎么样？它似乎在你的codepen上工作得很好

#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;
}