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

设置背景色Vuetify文本字段

2 个答案: