小编JG_*_*_GJ的帖子

再会。我正在使用 vuetify，在组件中使用以下 v-dialog：

<template>
  <div>
    <!--Indicador-->
      <v-dialog class="vdialognew" v-model="mostrarIndicator" persistent>
        <v-content>
          <v-container fluid fill-height>
            <v-layout align-center justify-center>
                <cube-shadow class="spinnerRotate"></cube-shadow>
            </v-layout>
          </v-container>
        </v-content>
      </v-dialog>
    <!-------------->
  </div>
</template>
<style scoped>
.vdialognew {
  box-shadow: none !important;
  max-width: 610px !important;
}
</style>

正如您将在 v-dialog 中看到的，我添加了 vdialognew 类来应用这些新样式，但是当通过检查浏览器控制台加载内容时，我看到 vdialognew 类不适用于它。同样，如果我在 v-dialog 标签中使用 style 属性，它对我不起作用。我怎样才能做出这样的改变？

我正在做这个修改以消除在绿色方块后面看到的框：

非常感谢您提前。祝福

我目前正在使用以下库：https : //www.npmjs.com/package/vue-signature-pad，其中包含以下示例：https : //codesandbox.io/s/n5qjp3oqv4

我将它作为示例应用，但我在模态中使用它：

<v-dialog v-model="canvasVehiculo" fullscreen hide-overlay transition="dialog-bottom-transition">
         <v-card>
         <v-toolbar dark color="primary">
         <v-btn icon dark @click="canvasVehiculo = false">
          <v-icon>close</v-icon>
         </v-btn>
         <v-toolbar-title>Seleccionar partes del vehiculo:</v-toolbar-title>
            <v-spacer></v-spacer>
            <v-toolbar-items>
            <v-btn dark flat @click="undo">Deshacer</v-btn>
          </v-toolbar-items>
        </v-toolbar>
        <v-list three-line subheader>
        <v-subheader></v-subheader>            
        <VueSignaturePad
         id="signature"
         width="100%"
         height="450px"
         ref="signaturePad"
        />
   </v-list>
 </v-card>

<script>
import VueSignature from 'vue-signature-pad'; //Unicamente lo importo
</script>
<style scoped>
#signature {
  border: double 3px transparent;
  border-radius: 5px;
  background-image: url('imagen.png');
  background-size: 900px 456px; 
  background-position: center;
  background-origin: border-box;
  background-clip: content-box, …