Javascript Vuetify v-file-input仅带图标

我是Vue的新手，尤其是Vuetify

我想使用v-file-input组件，但我希望它只有回形针图标而没有文本框。我试图使用css和指令，但我没有做到这一点

---

你知道怎么做吗？

你可以使用

deep

<div id="app">
  <v-app id="inspire">
    <v-file-input multiple label="File input"></v-file-input>
  </v-app>
</div>


//scss
#inspire {
  /deep/ {
    .v-input__control {
      display: none;
    }
  }
}
//or
#inspire {
  ::v-deep {
    .v-input__control {
      display: none;
    }
  }
}

//scss
#激发{
/深/{
.v-输入控制{
显示：无；
}
}
}
//或
#激发{
：：v-deep{
.v-输入控制{
显示：无；
}
}
}

演示：

---

这是文档：

您可以使用

deep

<div id="app">
  <v-app id="inspire">
    <v-file-input multiple label="File input"></v-file-input>
  </v-app>
</div>


//scss
#inspire {
  /deep/ {
    .v-input__control {
      display: none;
    }
  }
}
//or
#inspire {
  ::v-deep {
    .v-input__control {
      display: none;
    }
  }
}

//scss
#激发{
/深/{
.v-输入控制{
显示：无；
}
}
}
//或
#激发{
：：v-deep{
.v-输入控制{
显示：无；
}
}
}

演示：

这是文件：

使用“隐藏输入”

我们正在将隐藏输入添加到v-file-input（来自v2.3.0-beta.6）

使用“隐藏输入”

我们正在将隐藏输入添加到v-file-input（来自v2.3.0-beta.6）

---

嘿！谢谢你的回答，但当我尝试时，它抛出了一个错误：

模块构建失败（来自./node_modules/sass loader/dist/cjs.js）：SassError:预期的选择器。╷ 27│   /深/{│   ^    ╵   /Users/sshadur/WebstormProjects/vue sandbox/src/App.vue 27:3根样式表

知道为什么会这样吗？使用>>>替换/deep/#inspire>>>.v-input_u控件{display:none；}这是scss而不是sass，如果出现错误，可以尝试使用>>>>使用

#inspire>>.v-input_u控件{display:none；}

没有引发错误，但文本框仍然存在…嘿！谢谢你的回答，但当我尝试它时，它抛出了一个错误：

模块构建失败（来自./node\u modules/sass loader/dist/cjs.js）：SassError:预期的选择器。╷ 27│   /深/{│   ^    ╵   /Users/sshadur/WebstormProjects/vue sandbox/src/App.vue 27:3根样式表

知道为什么会这样吗？使用>>>替换/deep/#inspire>>>.v-input_u控件{display:none；}这是scss而不是sass，如果出现错误，可以尝试使用>>>>使用

#inspire>>.v-input_u控件{display:none；}

没有引发错误，但文本框仍然存在…谢谢！v2.3.0正式版本是否有计划的发布日期？我看到里程碑已过期3天。一旦发布此版本的正式版本，我将标记为正确的解决方案。v2.3.0已过期，您可以检查谢谢！是否有该版本的计划发布日期2.3.0版的正式版本？我看到里程碑已经过期3天了。一旦这个版本的正式版本发布，我会标记为正确的解决方案。2.3.0版已经发布，您可以检查