Question

我想更改<v-text-field>标签的宽度和高度。

我已经尝试过使用 .css 进行此操作，但是它不会更改实际文本字段的参数，而是只会更改某些不可见的参数，从而导致我的空白很大页面。

这是我已经尝试过的。

<template>
  <v-text-field class="first"></v-text-field>
</template>

<style>
  .first {
    width: 150px !important;
    height: 350px !important
  }
</style>

Answer 1

您无需添加CSS规则即可更改v-text-field的高度，只需使用height道具，例如：

  <v-text-field height="350"></v-text-field>

但是您的组件应该放置在template内，而不是script标签内：

 <template>
  <v-text-field height="350"></v-text-field>
 </template>

Answer 2

尝试在v文本字段上方使用包装器，然后应用所需的样式。

   <div class="first">
    <v-text-field></v-text-field>
    </div>

如何在Vuetify中更改文本字段的宽度和高度？

2 个答案: