css - 设置背景颜色 vuetify 文本字段

Question

我有一个codepen 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

使用背景颜色而不是框阴影怎么样？它似乎在你的 codepen 上运行良好

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