Question

我有一张标语,有两个文本领域和一个纽州。其背景非常蓝色,我希望投入领域为白人。出于某种原因,无论我试图做什么,他们都保持透明。

电子邮件领域模板:

<v-text-field
    v-model="email"
    color="primary"
    label="E-Mail"
    variant="outlined"
>
</v-text-field>

<代码>color=原始>,只要外地有重点,将改变大纲的颜色。

我怎么能够把投入领域划一?

Answer 1

如在上所说,Documentation

您可使用<条码>bg-color,以改变<条码>v-text-field的背景。

In short, you can add background color in your text field by doing..

<v-text-field
    v-model="email"
    color="primary"
    label="E-Mail"
    variant="outlined"
    bg-color="white" <!-- Add here. -->
>
</v-text-field>

Demo

Answer 2

仅加一字

<template>
  <v-text-field
    v-model="email"
    color="primary"
    label="E-Mail"
    variant="outlined"
    :style="{ background:  white  }"
  ></v-text-field>
</template>

Answer 3

填满的变量,如<代码>solo-填满目标<代码>.v-field__overlay<>/code>要素,您对概述的备选案文可以采取相同做法:

.v-field--variant-outlined .v-field__overlay {
  background-color: #fff;
}

友情链接