组合 vue material 和 vue cli webpack 模板时，表单元素显示透明

form elements appear transparent when combining vue material and the vue cli webpack template

我在使用 vue CLI 从 webpack 模板创建的 vue 项目中使用 md-buttons、md-select 或 md-field 时遇到问题。

我有一个情况 here 的 MWE，其中包含 vue material 网站上每种类型的表单项上的三个介绍示例以及 vue-cli 模板。它看起来不太好，但如果你 运行 它分解如下：

  1. 第一行是一组单选按钮；然而，按钮是不可见的（但你可以点击它们，获得涟漪效果并且正确的值由 vue 记录）
  2. 接下来是一个select框；但是，框的背景是透明的。
  3. 终于有几个文本框了；但是，轮廓似乎是透明的。

我可以通过插入样式块来解决 select 框的问题

<style>
  .md-menu-content-container {
    background-color: white;
  }
</style>

这将使 md-select 按预期工作。我还是决定把它包括在这里，因为它似乎与其他问题有关并且可能有共同的起源。

不幸的是，我还没有想出如何解决其他问题或修改哪个属性来解决"patch"问题。因此，非常感谢任何帮助或指点。

似乎在使用最新版本的 vue-material 时必须显式加载默认模板。因此添加

import 'vue-material/dist/theme/default.css'

到 vue-cli 的 main.js 文件似乎解决了这个问题。