设置背景颜色 vuetify 文本字段答案

【问题标题】：Set background color vuetify textfield设置背景颜色 vuetify 文本字段
【发布时间】：2019-12-13 02:17:17
【问题描述】：

我有一个密码笔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;
  }

它没有工作。我该怎么办？

【问题讨论】：

标签： css vuetify.js

【解决方案1】：

使用背景颜色代替 box-shadow 怎么样？它似乎在您的 codepen 上运行良好

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

【讨论】：

【解决方案2】：

只需将您的 css 标签调整为

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

【讨论】：